jQuery स्क्रॉल स्थिति

Question

पर आधारित div में सामग्री को बदलने के लिए jQuery मैं वर्डप्रेस में एक ब्लॉग पेज बना रहा हूं और एक साइडबार जोड़ रहा हूं जो वर्तमान पोस्ट को इंगित करता है। मैं jQuery का उपयोग कर वर्तमान पोस्ट की तारीख के साथ उस साइडबार को भरना चाहता हूं। यह केवल एक विचार है इसलिए मेरे पास कोई कोड नहीं है। लेकिन यह इस तरह कार्य करेगा:

आप पेज की तारीख (या अन्य जानकारी) नीचे स्क्रॉल के रूप में जो div पर आप के बगल में थे आधार पर बदल जाएगा। इसे एक ब्लॉग सेटिंग में भी काम करना है जिसका अर्थ है कि प्रत्येक div संभावित रूप से एक अलग ऊंचाई हो सकता है।

कोई विचार?

Answer 1

मैं कहाँ से तारीख प्राप्त करना चाहते हैं पता नहीं है, हां, तो सिर्फ एक उदाहरण .. http://jsfiddle.net/Nsubt/

$(window).on("scroll resize", function(){ 
    var pos=$('#date').offset(); 
    $('.post').each(function(){ 
     if(pos.top >= $(this).offset().top && 
      pos.top < $(this).next().offset().top) 
     { 
      // any way you want to get the date 
      $('#date').html($(this).html()); 
      return; //break the loop 
     } 
    }); 
}); 

$(document).ready(function(){ 
    $(window).trigger('scroll'); // init the value 
}); 
​ 

डिव सही पर एक निश्चित स्थिति हो सकता है या आप अपने निरपेक्ष स्थिति अद्यतन कर सकते हैं scroll और resize घटनाओं के साथ काम करना ब्लॉक करें।