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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM