jQuery scrollイベントの監視スクロールの改ページ例を実現します。
scrollイベントはwindowオブジェクトに適用されますが、iframeフレームとCSS overflow属性はscrollの要素に設定されています。
jQuery(window).height()は現在の可視領域の大きさを表していますが、jQuery(document).height()はドキュメント全体の高さを表しています。
注意ブラウザのウィンドウサイズが変わるとjQuery(window).height()は変わりますが、jQuery(document).height()は変わりません。
底端を取得するにはscrollTop()=$(document).height()-$(window).height()を取得してください。 スクロールしたのはもう最後まで分かります。
$(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
自分で実験をすれば分かります。