दिलचस्प पोस्ट
कैसे निष्पादन योग्य जार फ़ाइल बनाने के लिए? .NET DateTime.Now गलत समय देता है जब समय क्षेत्र बदल जाता है अंतिम क्षेत्रों की जांच प्रारंभिक सुरक्षा पायथन में अधिकतम पुनरावर्ती गहराई क्या है, और इसे कैसे बढ़ाएं? एएसपी.नेट रिस्पांस में बड़ी फाइलें कैसे वितरित करें? JavaScript का उपयोग करते हुए JSON ऑब्जेक्ट के लिए नया विशेषता (तत्व) जोड़ें एक iPhone पर पाठ इनपुट पॉपअप डायलॉग बॉक्स प्राप्त करने का एक आसान तरीका क्या है I जावास्क्रिप्ट: जांचें कि क्या माउस बटन नीचे है? क्या यह संभवतः आउटपुट संख्याओं को प्रारूपित करने के लिए matlab में संभव है? जावास्क्रिप्ट में स्ट्रिंग लंबाई बाइट्स में कैसे कैनवास पाठ चयन योग्य बनाने के लिए? जावा से कॉल सी फंक्शन PHP के माध्यम से एक फेसबुक प्रशंसक पृष्ठ पर पोस्ट करने के लिए सरल उदाहरण? Web.config में एक फ़ोल्डर के लिए अनाम प्रमाणीकरण की अनुमति दें? Google मानचित्र API v3 का उपयोग करके देश की सीमाएं

कैसे jQuery का उपयोग कर पेज की स्क्रॉल स्थिति का पता लगाने के लिए

मैं अपनी वेबसाइट में jQuery के कार्यान्वयन का पालन कर रहा हूं, यह क्या करता है कि यह विंडो.scroll window.scroll() फ़ंक्शन को पहचानने के लिए उपयोग करता है, जब विंडो में परिवर्तन की स्थिति बदलती है और सर्वर से डेटा लोड करने के लिए परिवर्तन कॉल में कुछ फ़ंक्शन होता है।

समस्या यह है कि .scroll() फ़ंक्शन को जल्द से जल्द बुलाया जाता है, क्योंकि स्क्रॉल स्थिति में थोड़ा बदलाव भी होता है और नीचे के डेटा लोड होता है, लेकिन मुझे क्या हासिल करना है, जब स्क्रॉल / पृष्ठ की स्थिति नीचे तक पहुंच जाती है तो नया डेटा लोड होता है , जैसे फेसबुक फीड के लिए होता है

लेकिन मुझे यकीन नहीं है कि कैसे jQuery का उपयोग कर स्क्रॉल स्थिति का पता लगा सकता है?

 function getData() { $.getJSON('Get/GetData?no=1', function (responseText) { //Load some data from the server }) }; $(window).scroll(function () { getData(); }); 

Solutions Collecting From Web of "कैसे jQuery का उपयोग कर पेज की स्क्रॉल स्थिति का पता लगाने के लिए"

आप jQuery's .scrollTop() method उपयोग करके स्क्रॉल स्थिति को निकाल सकते हैं

 $(window).scroll(function (event) { var scroll = $(window).scrollTop(); // Do something }); 

आप window.scrollTop() फ़ंक्शन के लिए देख रहे हैं

 $(window).scroll(function() { var height = $(window).scrollTop(); if(height > some_number) { // do something } }); 

यहां देखें डेमो http://jsfiddle.net/yeyene/Uhm2J/

 function getData() { $.getJSON('Get/GetData?no=1', function (responseText) {  //Load some data from the server }) }; $(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { alert("bottom!"); // getData(); } }); 
 $(window).scroll( function() { var scrolled_val = $(document).scrollTop().valueOf(); alert(scrolled_val+ ' = scroll value'); }); 

यह स्क्रॉल के मूल्य को प्राप्त करने का दूसरा तरीका है

स्क्रॉल के मूल्य को हिडनफिल्ड में बदलाव के रूप में रखें, जब पोस्टबैक के चारों ओर मूल्य प्राप्त होता है और स्क्रॉल जोड़ता है।

 //jQuery jQuery(document).ready(function () { $(window).scrollTop($("#<%=hidScroll.ClientID %>").val()); $(window).scroll(function (event) { $("#<%=hidScroll.ClientID %>").val($(window).scrollTop()); }); }); var prm = Sys.WebForms.PageRequestManager.getInstance(); prm.add_endRequest(function () { $(window).scrollTop($("#<%=hidScroll.ClientID %>").val()); $(window).scroll(function (event) { $("#<%=hidScroll.ClientID %>").val($(window).scrollTop()); }); }); //Page Asp.Net <asp:HiddenField ID="hidScroll" runat="server" Value="0" /> 

अब यह मेरे लिए काम करता है …

 $(document).ready(function(){ $(window).resize(function(e){ console.log(e); }); $(window).scroll(function (event) { var sc = $(window).scrollTop(); console.log(sc); }); }) 

यह अच्छी तरह से काम करता है … और फिर आप तत्वों को ट्रैक करने और उन्हें नियंत्रित करने के लिए JQuery / TweenMax का उपयोग कर सकते हैं।