jquery - JQueryウィンドウのスクロールイベント?

Question

ヘッダーに広告があり、ページの下部に常に表示される固定広告があります。ユーザーがヘッダー広告の下をスクロールした場合にのみ固定広告を表示したい。JQuery のドキュメントを調べましたが、何を使用すればよいかよくわかりません。

Answer 1

これを試してください: http://jsbin.com/axaler/3/edit

$(function(){
  $(window).scroll(function(){
    var aTop = $('.ad').height();
    if($(this).scrollTop()>=aTop){
        alert('header just passed.');
        // instead of alert you can use to show your ad
        // something like $('#footAd').slideup();
    }
  });
});

Answer 2

jQuery.scroll（）を参照してください。これをwindow要素にバインドして、目的のイベントフックを取得できます。

スクロール時に、スクロール位置を確認します。

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  if ( scrollTop > $(headerElem).offset().top ) { 
    // display add
  }
});

Answer 3

ユーザーがヘッダー広告をスクロールしたかどうかを確認してから、フッター広告を表示します。

if($(your header ad).position().top < 0) { $(your footer ad).show() }

私はあなたが探しているもので正しいですか？