关键代码
<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);