web底部页面自动加载

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

步骤：1.判断是否滚动到底部，

          2.自动追加内容

 

1.$(this).scrollTop(); 滚动条位置距页面顶部的距离

$(document).height(); 整个页面的总高度

  $(this).height(); 当前窗口的高度

 

$(document).scrollTop()+ $(window).height() >= $(document).height()

滚动条位置距页面顶部的距离+整个页面的总高度>=当前窗口的高度

2.之后调用ajax加载新数据即可

将获得的数据按照原先的格式追加到页面上去

3.在调用ajax之前可以添加一个加载动画

这样就需要在ajax成功后取消动画

PS：修改CSS样式即可