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()的區別
補充一句$(window).scrollTop()和$(document).scrollTop()是沒什么區別的,至少我在IE8中是一樣的.