स्थिति: फिक्स्ड,

Question

स्क्रॉल करते समय मोबाइल/टैबलेट डिवाइस पर बहुत खराब प्रदर्शन होता है, मैं अपनी साइट पर position: fixed का उपयोग कर रहा हूं ताकि दृश्य पोर्ट में नेविगेशन बार को ठीक किया जा सके, जैसे फेसबुक की नीली बार, लेकिन जब हमने इसे मोबाइल पर आजमाया/टैबलेट डिवाइस (उनकी कम प्रोसेसिंग शक्तियों के साथ) यह फिक्स्ड-बार प्रदर्शन पर बहुत खराब हिट बनाता है, जो स्क्रॉल करते समय बहुत खराब उपयोगकर्ता अनुभव बनाता है,

हमने स्क्रॉलिंग को बढ़ाने के लिए बहुत अच्छे लेखों का उपयोग किया, और वास्तव में वे

• http://www.html5rocks.com/en/tutorials/speed/scrolling/
• : की तरह, किया
• https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html

इन लेखों के आधार पर संशोधनों का एक बहुत बाद, हम बिंदु है जहां position: fixed हमें में बढ़ाने के लिए के लिए ही जांच के लिए छोड़ दिया है करने के लिए पहुंच गया।

साइट एक अति चिकनी है जब हम इसे position: absolute पर बदलते हैं तो स्क्रॉल करना। लेकिन इसे ठीक करने के साथ, स्क्रॉलिंग की सीमा इतनी खराब है कि यह एक निश्चित तरीके से स्क्रॉल करते समय आईपैड पर सफारी ब्राउज़र को लटका सकता है, क्या आपको पता था कि position: fixed टैबलेट/मोबाइल उपकरणों पर अच्छे प्रदर्शन के साथ कैसे उपयोग करें?

Answer 1

अपने "गोली/मोबाइल उपकरणों" है, जो प्रदर्शन समस्या है, एक वेबकिट इंजन है, तो आप शायद यहाँ का जवाब मिल सका: Chrome slow scrolling with fixed position elements

फास्ट जवाब: तय खंड पर -webkit-transform: translateZ(0); जोड़ने के लिए प्रयास करें।

Answer 2

आदेश जब हो रही है, मोबाइल डिवाइस में एक आसान स्क्रॉलिंग पाने के लिए भी में "स्थिति: निरपेक्ष",

आप केवल सीएसएस विशेषता डिव को जोड़ने की जरूरत है

"-webkit-अतिप्रवाह-स्क्रॉलिंग : स्पर्श करें; "