मैं jQuery-1.10.2 का उपयोग कर रहा हूं और मैं फ़ंक्शन का उपयोग कर रहा हूं $(window).scroll। $(window).scroll मोबाइल डिवाइस पर स्क्रॉल करते समय निष्पादित नहीं किया जा रहा है, बल्कि जब मेरी उंगली स्क्रॉल करने के बाद स्क्रीन को रिलीज़ करती है। $(window).scroll IE10 पर भी देरी हो रही है।
मैं उपयोग करता हूं $(window).scroll सीएसएस संपत्ति को बदलकर पृष्ठ के साथ एक नेवबार स्क्रॉल बनाने के लिए top: पर position:fixed; नावबार जब पर्याप्त रूप से नीचे स्क्रॉल किया जाता है, तो नेवबार पृष्ठ के शीर्ष पर चिपक जाता है: position:fixed. क्या मेरे नेवबार में समान परिणाम प्राप्त करने के लिए कोई अधिक संगत विकल्प है? क्या मोबाइल या IE10 में कोई सुधार है?
$(window).scroll(function () {
$(".navbar").css("top", Math.max(0, 350 - $(this).scrollTop()));
var scroll = $(document).scrollTop();
});
यहाँ एक बेला है जिसमें कोई चित्र नहीं है। नावबार को देखो। http://jsfiddle.net/93tzq/
उत्तर:
जवाब के लिए 0 № 1अगर मैं समझ रहा हूँ कि आप क्या करना चाहते हैंसही ढंग से मुझे पूरा यकीन है कि आप यह सोच रहे हैं। स्क्रॉल करते समय एक एनएवी तत्व को शीर्ष पर रखने के लिए आपको किसी जेएस की आवश्यकता नहीं है। आपको केवल जेड-इंडेक्स और उसके अनुसार स्थिति निर्धारित करने की आवश्यकता है।
उदाहरण के लिए:
.nav-overlay{
position: absolute;
top: 90px;
left: 10%;
z-index: 100;
display: block;
width: 50px;
height: 50px;
}
फिर html को इस प्रकार रखें:
<nav class="nav-overlay">
NAV BAR HERE
</nav>
जवाब के लिए 0 № 2
आपने अपना मोबाइल ब्राउज़र निर्दिष्ट नहीं किया, लेकिन यहआईओएस में सफारी के साथ एक आम सवाल है। स्क्रॉलिंग समाप्त होने तक MobileSafari window.scroll को ट्रिगर नहीं करता है - यह एक समस्या है जिसे कई तरीकों से संबोधित किया गया है (देखें इसक्रॉल, उदाहरण के लिए)। यहाँ एक है इसी तरह की पोस्ट जो आपके प्रश्न का उत्तर चिपचिपा नावबार बनाने तक दे सकता है।