阅读背景:

Jquery原生scroll()方法滚动到底部加载数据

来源:互联网 
<div class="div-tb"></div>

<script type="text/javascript">
var status = 0;//标示还有没有待展示的分页数据(为1则表示分页数据加载完毕)
var index = 2;//内容列表 当前分页页码(滚动从第2页开始)
$(document).ready(function () {
    $(".div-tb").scroll(function () {
            var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
            var nScrollTop = 0;   //滚动到的当前位置
            var nDivHight = $(".div-tb").height();
            nScrollHight = $(this)[0].scrollHeight;
            nScrollTop = $(this)[0].scrollTop;
            if (nScrollTop + nDivHight >= nScrollHight) {
                //滚动条已滚动到底部
                //console.info(status);
                if (status == 0) {//尚有待展示的分页数据
                    LoadData(index);//加载相应页码的数据
                    index++;//页码自增
                }
            }
        });
});
</script><div class="div-tb"></div>

<script type="text/



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: