jQuery scroll事件

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中是同樣的.atom

相關文章
相關標籤/搜索