क्रिस कॉल स्क्रॉल छाया एक उनका पसंदीदा सीएसएस-ट्रिक्स ऑफ ऑल टाइम। ली वेरौ लोकप्रिय बनाया शुद्ध सीएसएस दृष्टिकोण कुछ चतुर के साथ चार स्तरित पृष्ठभूमि ग्रेडिएंट का उपयोग करता है background-attachment
जादू। परिणाम एक स्लीक स्क्रॉलिंग इंटरैक्शन है जो उपयोगकर्ताओं को एक संकेत देता है कि स्क्रॉल करने योग्य कंटेनर में अतिरिक्त सामग्री उपलब्ध है।
बस एक समस्या: यह तोड़ दिया सफारी आईओएस 13 में। एक दिन यह सब अच्छा था। अगला, इतना नहीं। और केवल यही प्रभावित नहीं था। कीथ क्लार्क का सीएसएस-केवल लंबन प्रभाव भी ठीक उसी समय काम करना बंद कर दिया।
खैर, पाठक रोनाल्ड ने लिखा है कहने के लिए कि सब एक बार फिर काम कर रहा है! वास्तव में, मैं इसे अभी अपने आईपैड (सफारी 15.5) पर लिख रहा हूं और क्रिस का डेमो हमेशा की तरह तेज दिख रहा है। तो कीथ का है मूल डेमो.
तो, क्या तोड़ दिया? हम अभी भी नहीं जानते। लेकिन वो सफारी 13 रिलीज नोट्स सुराग प्रदान करें:
- सभी फ़्रेमों में एक-उंगली त्वरित स्क्रॉलिंग के लिए जोड़ा गया समर्थन और
overflow:scroll
आवश्यकता को समाप्त करने वाले तत्वset-webkit-overflow-scrolling: touch
.- क्षैतिज स्क्रॉलिंग की आवश्यकता वाले प्रतिक्रियाशील मेटा-टैग वाले विस्तृत वेब पेजों के लिए iPad पर डिफ़ॉल्ट व्यवहार को बदल दिया। क्षैतिज स्क्रॉलिंग को रोकने के लिए पृष्ठों को स्केल किया जाता है और किसी भी टेक्स्ट को सुपाठ्यता बनाए रखने के लिए आकार दिया जाता है।
इसे कब ठीक किया गया और इसे क्या ठीक किया गया? खैर, स्क्रॉल शैडो साइड पर, Safari 15.4 शामिल कुछ काम background-attachment: local
हो सकता है कि उसने चाल चली हो। लंबन की ओर, सफारी 14.1 जोड़ा व्यक्तिगत परिवर्तन गुणों के लिए समर्थन... तो शायद वह?