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請求到後臺系統獲取更多數據，如果沒有數據就給出相應的提示，這個更人性化。