web页面在滚动条下拉时加载更多内容（个人项目经验）

在很多app里面我们都可以看到当手机拉到底部的时候会自动加载更多的内容，就相当于翻页的效果，但是这是app的功能，这里我们一起看看web页面的实现，其实这个实现也是很简单的，在这多谢各位提供参考资料的朋友。

js代码实现：

$(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请求到后台系统获取更多数据，如果没有数据就给出相应的提示，这个更人性化。