在很多app里面我们都可以看到当手机拉到底部的时候会自动加载更多的内容，就相当于翻页的效果，但是这是app的功能，这里我们一起看看web页面的实现，其实这个实现也是很简单的，在这多谢各位提供参考资料的朋友。
js代码实现：
|
1
2
3
4
5
6
7
8
9
|
$(function(){
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height();
var positionValue = (scrollTop + windowHeight) - scrollHeight;
if (positionValue == 0) {
//do something
}
});); |
do something就是需要执行的功能，要是想加载更多的内容，就可以发送post请求到后台系统获取更多数据，如果没有数据就给出相应的提示，这个更人性化。
本文转自 兴趣e族 51CTO博客，原文链接:http://blog.51cto.com/simplelife/1740052