2012-03-14 10 views
6

そして一度底に当たったら、コールバック機能を持っていますか?ユーザーがページの一番下までスクロールするかどうかをJQueryを使って検出するにはどうすればよいですか?

+0

http://stackoverflow.com/questions/3962558/javascript-detect-scroll-end –

+1

チェックこのhttp://stackoverflow.com/questions/3962558/javascript-detect-scroll-end – Gopesh

+0

[ユーザーが一番下にスクロールしたかどうかを確認する方法]の複製可能性(http://stackoverflow.com/questions/3898130/how-to-check-if-a-user-has-scrolled-to-the-ボトム) – csharpfolk

答えて

25

あなたはあなたの窓の上にこのように.scroll()イベントを使用することができます。ユーザーはあなたがこの1

を試すことができますページの下3/4であるかどうかを検出する

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("bottom!"); 
    } 
}); 

チェックlive demo

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - .75*$(document).height()) { 
     alert("3/4th of bottom!"); 
    } 
}); 
+0

一般的には動作しますが、「警告」を表示するとFFがクラッシュし、文字通り「ブラックアウト」します。しかし、私はconsole.logでテストし、うまくいきました。 – devnull69

+0

ありがとうございます。これは動作します!ユーザーがページを3/4ダウンしたかどうかを検出したい場合はどうすればよいですか? – TIMEX

+7

3/4ページのソリューションは、実際には「ページの下部から75ピクセル」を探していると思います。 '$(document).height() - 75'を' $(document).height()* 0.75'に変更することはそのトリックを行うべきです。 – sffc

関連する問題