滑动用到了jq的scroll事件,接下来要判断是否到达底部这个条件,在这之前解释几个代码
$(window).scrollTop() 获取的是滚动条的垂直偏移
$(document).height() 获取的是文档的高度
$(window).height() 获取的是窗口的可视区域的高度
ps:当你改变窗口的时候,$(window).height()会随着窗口的改变而改变,但$(document).height()是不变的。
代码块
$(window).scroll(function(){
//判断是否滑动到页面底部
if($(window).scrollTop() === $(document).height() - $(window).height()){
// TODO 滑动到底部时可请求下一页的数据并加载,加载可使用append方法
}
});