移动端上滑加载更多
https://blog.csdn.net/helloxiaoliang/article/details/51492250
$(window).scroll(function () { //已经滚动到上面的页面高度 var scrollTop = $(this).scrollTop(); //页面高度 var scrollHeight = $(document).height(); //浏览器窗口高度 var windowHeight = $(this).height(); //此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作 if (scrollTop + windowHeight == scrollHeight) {
console.log(scrollTop); dragThis.insertDom(); } });
https://blog.csdn.net/qq_37415950/article/details/80625391
<script > /*第一种*/ $(function(){ $(window).scroll(function(){ var scrollH = document.documentElement.scrollHeight; var clientH = document.documentElement.clientHeight; if (scrollH == (document.documentElement.scrollTop | document.body.scrollTop) + clientH){ //加载新数据 alert("加载新数据"); } }); }); /*第二中 */ //获取当前浏览器中的滚动事件 $(window).off("scroll").on("scroll", function () { var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight; //获取当前浏览器的滚动条高度 if (scrollHeight <= ($(window).scrollTop() + $(window).height())) { //判断当前浏览器滚动条高度是否已到达浏览器底部,如果到达底部加载下一页数据信息 $("#loadingImg").css('visibility','visible'); setTimeout(function () { //模拟ajax for(m=0;m<5;m++){ $(".order-list").append(appendStr); } },1000) } }); </script>