अतिप्रवाह का उपयोग करते समय मोबाइल/आईओएस पर धीमी गति से स्क्रॉल करना: स्क्रॉल

Question

ऑफ-कैनवास मेनू सेट अप करने के लिए मुझे शरीर से स्क्रॉलिंग हटाने के लिए शरीर को "अतिप्रवाह: छुपा" पर सेट करना होगा और सामग्री के चारों ओर एक कंटेनर में वापस जोड़ना होगा "ओवरफ्लो-वाई: स्क्रॉल" के साथ। जब मैं ऐसा करता हूं तो ऐसा लगता है कि मोबाइल विशेष रूप से आईओएस डिवाइस पर स्क्रॉलिंग धीमी है।

क्या स्क्रॉलबार को शरीर से ले जाने के साथ कुछ प्रकार का प्रदर्शन समस्या है?

Answer 1

बल्कि एक प्रदर्शन मुद्दे की तुलना में इस है कि आपके नहीं देख 'गति' अपने iOS डिवाइस पर स्क्रॉल संभावना है

यह '-webkit-अतिप्रवाह-स्क्रॉलिंग: स्पर्श' जोड़कर हल किया जा सकता अपने स्क्रॉल तत्व यानी करने के लिए:

.scrolling-content { 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
    height:100%; /*A value other than height:auto needs to be set*/ 
} 

डिफ़ॉल्ट iOS उपकरणों 'गति' शरीर पर स्क्रॉल लेकिन जोड़ने 'अतिप्रवाह-y: स्क्रॉल' का उपयोग करके एक तत्व के लिए एक तत्व को 'गति' डिफ़ॉल्ट रूप से स्क्रॉल

के लिए https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling देखें निर्धारित नहीं करता है अधिक जानकारी

नोट: वहाँ पकड़ लिया की एक संख्या है/-webkit-अतिप्रवाह-स्क्रॉलिंग उपयोग करने के साथ बग्स: इतना