jQuery 超屏加载

jQuery 超屏加载,当文档超出屏幕的高度时,加载最新下个列数据

$(window).scroll(function () {
    var height = $(document).height(); //页面的高度
    var keheight = $(window).height(); //浏览器可视的高度
    var sheight = $(document).scrollTop(); //滚动的高度
    var num = $(‘.pro_list a‘).length;
    if (height <= keheight + sheight) {
        $.post(‘/index.php/ajax-addlist.html‘, { type: ‘class‘, id: ‘102‘, num: num }, function (data) {
            if (data == ‘1‘) {
                $(‘.loading span‘).html(‘无更多数据...‘);
            } else {
                $(‘.pro_list‘).append(data);
            }
            //alert(data);
        });
    }

});

$(function () {
    var height = $(document).height(); //页面的高度
    var keheight = $(window).height(); //浏览器可视的高度

    if (keheight >= height) {
        $(‘.loading span‘).html(‘无更多数据...‘);
    }
});

  

jQuery 超屏加载,古老的榕树,5-wow.com

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