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>

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值