1. 程式人生 > >JavaScript滾動到底部觸發載入資料

JavaScript滾動到底部觸發載入資料

滾動到底部觸發事件

$(window).on("resize scroll",function(){

var $currentWindow = $(window);             
var windowHeight = $currentWindow.height();//當前視窗的高度             
var scrollTop = $currentWindow.scrollTop();//當前滾動條從上往下滾動的距離            
var docHeight = $(document).height(); //當前文件的高度 
//當 滾動條距底部的距離 + 滾動條滾動的距離 >= 文件的高度 - 視窗的高度  
//換句話說:(滾動條滾動的距離 + 視窗的高度 = 文件的高度)  這個是基本的公式  
if (scrollTop + windowHeight >= docHeight) { 
if(_this.isLastPage == 0) {
_this.sendAjax();
}
}  




});