पाद लेख पर तैरने वाली चिपचिपा साइडबार div को रोकें (लगभग काम कर रहे हैं)

Question

मैं इसे प्राप्त करना चाहता हूं ताकि पेज साइड होने पर मेरी साइडबार पर आखिरी div चिपचिपा रहता है, लेकिन पाद लेख पर रुक जाता है। मेरे पास यह लगभग online tutorial के साथ काम कर रहा है, लेकिन जब Disqus टिप्पणियां लोड होती हैं तो गणना गड़बड़ी होती है और यह केवल एक निश्चित बिंदु पर जाती है।

यहां एक वर्किंग वर्जन http://jsfiddle.net/k56yR/1/ है, लेकिन क्या पाद लेख की ऊंचाई की गणना करने के लिए कुछ आसान तरीका है और फिर पृष्ठ के निचले हिस्से से स्क्रॉल करना बंद करने के लिए कहें?

Answer 1

मुझे लगता है कि आपकी समस्या यह है कि आपके $('#footer').offset().top आपके Disqus टिप्पणियों के लोड के बाद मूल्य परिवर्तन। तो आपको अपनी टिप्पणियों के लोड के बाद या हर बार आपकी घटना को आग लगने के बाद footerTop (और limit नए footerTop मान के आधार पर) अपडेट करने की आवश्यकता है।

कुछ की तरह:

$(function(){ // document ready 
    if ($('#sticky').length) { // make sure "#sticky" element exists 
     var el = $('#sticky'); 
     var stickyTop = $('#sticky').offset().top; // returns number 
     var stickyHeight = $('#sticky').height(); 

     $(window).scroll(function(){ // scroll event 
      var limit = $('#footer').offset().top - stickyHeight - 20; 

      var windowTop = $(window).scrollTop(); // returns number 

      if (stickyTop < windowTop){ 
      el.css({ position: 'fixed', top: 0 }); 
      } 
      else { 
      el.css('position','static'); 
      } 

      if (limit < windowTop) { 
      var diff = limit - windowTop; 
      el.css({top: diff}); 
      } 
     }); 
    } 
}); 

अधिकांश मामलों की तरह ही, इस के लिए एक jQuery प्लगइन उपलब्ध here है, के रूप में julianm उसकी टिप्पणी में बताया,। चिपचिपा बॉक्स को किसी भी वांछित स्थिति पर रोकने के लिए, यह स्टॉपर वैल्यू का भी समर्थन करता है।