滚动到底部自动加载新内容

Posted 清水博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动到底部自动加载新内容相关的知识,希望对你有一定的参考价值。

$(window).on(‘scroll‘,function(){

    if($(window).height()+$(window).scrollTop()>=$(document).height()){
        console.log("到达底部");
     //这里是要加载的数据
    }
});
console.log(‘整个网页的高度‘+$(document).height());  //整个网页的高度
console.log(‘浏览器可视窗口的高度‘+ $(window).height()) ;//浏览器可视窗口的高度
console.log(‘浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)‘+$(window).scrollTop()) ;//浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)

  

以上是关于滚动到底部自动加载新内容的主要内容,如果未能解决你的问题,请参考以下文章

手机H5页面,滑动到底部自动加载下一页内容

关于JQuery实现滚动到底部自动加载中应当注意的地方

笔记-移动端滑动到底部自动加载下一页内容

Android下拉刷新滚动到底部自动加载更多RecyclerView组件

vue聊天功能之滚动条自动定位到底部

Qt实现小功能之列表无限加载(创意很不错:监听滚动条事件,到底部的时候再new QListWidgetItem)