<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>
Jquery原生scroll()方法滚动到底部加载数据
最新推荐文章于 2021-06-09 17:06:18 发布