页面滑动用到了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方法
}
});