2 öğenin yüksekliğini eşleştirin ve daha yüksek olduğunda oturum açın

Question

2 öğenin ofsetini kontrol eden ve öğenin kaydırma sırasında kaydedilen ekran yüksekliğinden daha yüksek bir ofsete sahip olduğu küçük bir komut dosyası oluşturdum. "Düşük" bir şey kaydetmesi gerekiyor.

(function() { 
    $(document).ready(function() {  
     var heightScreen = $('.hero-screen').height(); 
     var item1 = $('.contact-menu').offset().top; 

     $(window).scroll(function() {  
      if (item1 >= heightScreen) { 
       console.log('lower'); 
      } 
     }); 
    }); 
})(); 

senaryo o heightScreen değişkenin dışında zaten ne zaman sayfayı yenileyin sadece ama çalışır.

Answer 1

Kaydırmanın sonunda yüksekliği günlüğe kaydetmek isterseniz, bunu callbaclk içinde hesaplamanız gerekir.

bunu deneyin.

$(document).ready(function() { 
    $(window).scroll(function() { 
     var heightScreen = $('.hero-screen').height(); 
     var item1 = $('.contact-menu').offset().top; 
     if (item1 >= heightScreen) { 
      console.log('lower'); 
     } 
    }); 
});