JavaScript移动端上滑翻页

本章节分享一段代码片段，它实现了再移动端上滑就可以实现翻页效果。
绑定页面滚动事件->监听页面滑动底部->ajax请求下一页数据->组装dom插入页面。

主要功能代码：监听滑动事件，判断如果滑动底部触发请求下一页面方法。

代码实例如下:

[ 其他 ] 运行代码下载代码

<script>
$(window).scroll(function () {
  //已经滚动到上面的页面高度
  var scrollTop = $(this).scrollTop();
  //页面高度
  var scrollHeight = $(document).height();
  //浏览器窗口高度
  var windowHeight = $(this).height();
  //此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
  if (scrollTop + windowHeight == scrollHeight) {
    dragThis.insertDom();
  }
});
</script>

代码描述：JavaScript 移动端上滑翻页。JavaScript移动端上滑翻页

下载全部收藏

396 527

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册