सफारी 7 पर स्क्रॉल करते समय पृष्ठ के हिस्सों अदृश्य हैं: निश्चित तत्व

Question

मैक और आईओएस दोनों पर सफारी 7 में एक बहुत बड़ी बग है जो कुछ भी ढूंढना मुश्किल है, लेकिन इसे ठीक करना बहुत आसान है।

कुछ स्थितियों में स्थिति का उपयोग करते समय: निश्चित, सफारी 7 स्क्रॉल करते समय पृष्ठ का हिस्सा खींचने में विफल रहता है। इसे तीर पर क्लिक करके http://ruelculture.com/glitchy.html पर देखा जा सकता है, थोड़ा इंतजार कर रहा है और बैक अप स्क्रॉल करने का प्रयास कर रहा है।

Answer 1

निम्नलिखित सीएसएस हैक जोड़कर इसे ठीक करने के गायब तत्व पर बल हार्डवेयर त्वरण:

-webkit-transform: translate3d(0, 0, 0); 

http://ruelculture.com/ पर जंगली में इसे देखें। बस!

Answer 2

position:-webkit-sticky; भी है, जो विशेष रूप से इस समस्या के लिए बनाया गया है। मेरे पास मेरे जवाब और @ माइक मार्काची के समाधान के साथ मिश्रित परिणाम हुए हैं (झटके, जब आप पृष्ठ के नीचे पहुंचते हैं तो तत्व गायब हो जाते हैं)। मैं अभी भी इस समस्या का सही समाधान खोजने की कोशिश कर रहा हूं। HTML5 Rocks =>