本章节分享一段代码片段,它实现了再移动端上滑就可以实现翻页效果。
绑定页面滚动事件->监听页面滑动底部->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移动端上滑翻页



6 8



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js旋转翻转 js旋转 js翻转 javascript旋转翻转 javascript旋转 javascript翻转 js滑动滚动拖动 js滑动 js滚动 js拖动 javascript滑动滚动拖动 javascript滑动 javascript滚动 javascript拖动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到