इस प्रश्न को कुछ समझाने की आवश्यकता है, इसलिए कृपया मेरे साथ भालू।मोबाइल सफारी: शरीर पर जड़ता स्क्रॉलिंग और न्यूनतम यूआई व्यवहार?
लोकप्रिय धारणा के विपरीत, डिफ़ॉल्ट रूप से मोबाइल सफारी में वेब पृष्ठों पर जड़त्व स्क्रॉलिंग (बहुत चिकनी 60fps स्क्रॉलिंग) सक्षम नहीं है।
<style>
.touchscroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
position:relative;
height:100%;
}
.touchscroll body {
height:100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
position:relative;
}
</style>
ऊपर मूल रूप से करता है: यह उपयोगकर्ता अनुभव में अंतर का एक दुनिया बना देता है के रूप में, मैं यह गतिशील पृष्ठ की HTML और शरीर तत्व को यह सीएसएस लागू करने, iOS के लिए एक Modernizr परीक्षण विशेष रूप से के बाद से सक्षम है शरीर तत्व एक स्क्रोल करने योग्य तत्व और -webkit-overflow-scrolling के माध्यम से: स्पर्श करें, पूरे पृष्ठ पर एक चिकनी इंटरटिया स्क्रॉलिंग प्रभाव प्राप्त होता है। इस समाधान पर कुछ और पृष्ठभूमि here (अस्वीकरण: स्वयं द्वारा लेख) पाया जा सकता है।
यह अब तक बहुत अच्छा काम करता है। समस्या यह है कि यह समाधान प्रभावी रूप से मोबाइल सफारी के एक और अत्यधिक वांछित व्यवहार को अक्षम करता है: आमतौर पर, जब स्क्रॉल हो जाता है, तो यह पता बार को छोटा कर देगा, और ब्राउज़र के निचले पट्टी को पूरी तरह छुपाएगा। बैक अप स्क्रॉल करते समय वे फिर से दिखाई देते हैं।
दुर्भाग्यवश, उपरोक्त तकनीक किसी कारण से इसे अक्षम करती है। हां, हमारे पास सुपर चिकनी स्क्रॉलिंग है, फिर भी ब्राउज़र बार हमेशा बड़ा होता है और नीचे की बार मूल्यवान स्थान लेते हुए, नीचे की बार स्थायी रूप से दिखाई देती है।
इसलिए मेरा प्रश्न है, क्या मैं दोनों ही कर सकता हूं? मैं पूरे पृष्ठ पर सुपर चिकनी स्क्रॉलिंग चाहता हूं, फिर भी स्क्रॉल करते समय भी मैं ब्राउज़र तत्वों के डिफ़ॉल्ट छिपाने का व्यवहार चाहता हूं।
एक साइट है जहाँ मैं इस का उपयोग कर रहा का एक उदाहरण यहाँ है: http://www.jungledragon.com/
आप खोलते हैं कि मोबाइल सफारी में, आप आसान स्क्रॉलिंग देखेंगे, अभी तक नहीं जब नीचे स्क्रॉल ब्राउज़र तत्वों के छिपने की।
धन्यवाद, लेकिन इससे कोई फर्क नहीं पड़ता। पूरे पृष्ठ पर चिकनी स्क्रॉल करने के लिए, इसे शरीर के स्तर पर सेट करने की आवश्यकता है। ऐसा करने के बाद, पता बार हमेशा दिखाया जाता है। – Ferdy