实现滚动条下拉分页
关键代码
<div class="t_r_content" id="t_r_content">...</div> $("#t_r_content").scroll(function () { //滚动与顶部的距离 var scrollTop = Math.ceil($(this).scrollTop()); //jq转js var j = $(this)[0]; //滚动条高度 var scrollHeight = j.scrollHeight; //滚动条高度 var zj = j.clientHeight; //console.log("整体高:" + scrollHeight + " >> 组件高:" + zj + "距离顶部高:" + scrollTop) //获取滚动条与底部的距离,如果等于0 证明已下拉到最底部 if (scrollHeight - scrollTop - zj === 0) { //你自己的分页逻辑 } });
注意用 分页数据用 append 追加到原来的数据后面
$("#xx").append(str);
本文来自博客园,作者:lanwf,转载请注明原文链接:https://www.cnblogs.com/lccsdncnblogs/p/13236063.html