jQuery scroll事件

浏览数：27 / 时间：2015年06月09日

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

jQuery scroll事件,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class java 代码 js 框架 数据 src 方法 style doc id class java 代码 js 框架 数据 src 方法 style doc id

相关文章

随机文章

您可能还喜欢

您可能还喜欢