जांचें कि क्या तत्व शीर्ष पर स्क्रॉल किया गया है

Question

मैं यह जांचना चाहता हूं कि कोई तत्व ~ 100px के ऑफसेट के साथ शीर्ष पर स्क्रॉल किया गया है या नहीं।

मुझे पृष्ठभूमि बनाने के लिए 5 सबकंटेंट और 2 कक्षाओं वाला एक पृष्ठ मिला है।

$('.background1', '.background2').position(function(){ 
      if($(this).position().top == 100){ 
      alert('checkThis'); 
     } 
     }); 

मैं इस बारे में सोच:

<div class="background1"> 
Content1 
</div> 
<div class="background2"> 
Content2 
</div> 
<div class="background1"> 
Content3 
</div> 
<div class="background2"> 
Content4 
</div> 
<div class="background1"> 
Content5 
</div> 

अब मैं जाँच करने के लिए, जब इन वर्गों में से एक स्क्रॉल

यह मेरा आखिरी trys में से एक है द्वारा शीर्ष पर पहुंचने से चाहते हैं: यह इस तरह दिखता है अब तक मेरा सबसे करीबी प्रयास है ... बेशक यह कोड document.ready में है और मेरे कोड के अंत में है ....

टीएलडीआर: यह जांचने के लिए कि कोई तत्व शीर्ष पर स्क्रॉल किया गया है (और कुछ ऑफसेट) ?

Answer 1

आप पुस्तक घटना के लिए सुनने के लिए तो वर्तमान में स्क्रॉल दूरी के खिलाफ प्रत्येक तत्व की जांच की है, की तरह कुछ:

$(window).on('scroll', function() { 
    var scrollTop = $(this).scrollTop(); 

    $('.background1, .background2').each(function() { 
     var topDistance = $(this).offset().top; 

     if ((topDistance+100) < scrollTop) { 
      alert($(this).text() + ' was scrolled to the top'); 
     } 
    }); 
});