2つの要素の高さを一致させ、高さでログに記録する

Question

2つのアイテムのオフセットをチェックする小さなスクリプトを作成し、スクロール時に記録された画面の高さよりオフセットが大きい場合。 ログに「下位」のログが必要です。

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

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

スクリプトは動作しますが、それはheightScreen変数のうち、すでにあるとき、私はページを更新する場合にのみ。

Answer 1

スクロールの最後に高さを記録する場合は、callbaclkで計算します。

これを試してください。

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