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

发布时间:2017-7-1 11:36:00编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"滑动到底部自动加载下一页内容,手机H5页面 ",主要涉及到滑动到底部自动加载下一页内容,手机H5页面 方面的内容,对于滑动到底部自动加载下一页内容,手机H5页面 感兴趣的同学可以参考一下。

做公众号项目中有如下场景,一个H5页面有列表数据,不考虑一次加载所有数据,故需要分页操作,解决方案为滑动到底部自动加载下一页内容。直接在H5的js当中实现。

主要使用jquery的scroll()方法:

当用户滚动指定的元素时,会发生 scroll 事件。

scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口)。

scroll() 方法触发 scroll 事件,或规定当发生 scroll 事件时运行的函数。

代码如下:

$(window).scroll(function(){
  //判断是否滑动到页面底部 if($(window).scrollTop()== $(document).height() - $(window).height()){ // TODO 滑动到底部时可请求下一页的数据并加载,加载可使用append方法
}


上一篇:LeetCode—-Sort List
下一篇:kotlin 记录(已弃坑)

相关文章

相关评论

本站评论功能暂时取消,后续此功能例行通知。

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

好贷网好贷款