专注于前端开发
我们一直未放弃

h5滑动到底部自动加载下一页

滑动事件用到了jq的scroll事件,接下来要判断是否到达底部这个条件,在这之前解释几个代码

 $(window).scrollTop()  //获取的是滚动条的垂直偏移 
$(document).height() //获取的是文档的高度
$(window).height() //获取的是窗口的可视区域的高度

PS:当你改变窗口的时候,$(window).height()会随着窗口的改变而改变,但$(document).height()是不变的。

JS代码内容

$(window).scroll(function(){
  //判断是否滑动到页面底部
     if($(window).scrollTop() === $(document).height() - $(window).height()){
           // 滑动到底部时可请求下一页的数据并加载,加载可使用append方法
     }
});
卓迅设计-web前端开发-前端技术开发 » h5滑动到底部自动加载下一页

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址