实现:滚动到页面底部时自动加载数据

步骤:1.判断是否滚动到底部,

          2.自动追加内容

1.$(this).scrollTop(); 滚动条位置距页面顶部的距离
$(document).height(); 整个页面的总高度
  $(this).height(); 当前窗口的高度

$(document).scrollTop()+ $(window).height() >= $(document).height()
滚动条位置距页面顶部的距离+整个页面的总高度>=当前窗口的高度
web底部页面自动加载
2.之后调用ajax加载新数据即可
将获得的数据按照原先的格式追加到页面上去
3.在调用ajax之前可以添加一个加载动画
这样就需要在ajax成功后取消动画
PS:修改CSS样式即可

相关文章: