jQuery scrollイベントの監視スクロールの改ページ例を実現します。

1404 ワード

scrollイベントはwindowオブジェクトに適用されますが、iframeフレームとCSS overflow属性はscrollの要素に設定されています。

$(document).ready(function () { //
    $(window).scroll(function () {
        //$(window).scrollTop()
        //$(window).height()
        //$(document).height()
        var bot = 50; //bot
        if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
           // + 〉= - ;
            //
            $.getJSON("url", { page: "2" }, function (str) { alert(str); });
        }
    });
});
注意:(window).height()と(document).height()の違い
jQuery(window).height()は現在の可視領域の大きさを表していますが、jQuery(document).height()はドキュメント全体の高さを表しています。
注意ブラウザのウィンドウサイズが変わるとjQuery(window).height()は変わりますが、jQuery(document).height()は変わりません。

$(document).scrollTop()  
$(document).scrollLeft()

トップを取得するには、scrollTop()==0を取得する必要があります。  トップです
底端を取得するにはscrollTop()=$(document).height()-$(window).height()を取得してください。  スクロールしたのはもう最後まで分かります。

$(document).height()  //
$(window).height()  //   document  
自分で実験をすれば分かります。