JQ判斷滾動條是否到達頁面底部，流加載

1.獲取頁面高度：var h=$(document.body).height();//網頁文檔的高度

2.獲取滾動條距離瀏覽器窗口頂部高度：var c = $(document).scrollTop();//滾動條距離網頁頂部的高度

3.獲取瀏覽器顯示區域的高度：var wh = $(window).height(); //頁面可視化區域高度

（1）瀏覽器顯示區域的高度+垂直滾動條距離頂部距離<=網頁的高度。

$(window).scroll(function(){

var h=$(document.body).height();//網頁文檔的高度

var c = $(document).scrollTop();//滾動條距離網頁頂部的高度

var wh = $(window).height(); //頁面可視化區域高度

if (Math.ceil(wh+c)>=h){ alert("我已經到底部啦"); } })

（2）獲取滾動條距離頁面底部的距離。

判斷滾動條距離頁面底部的距離<=滾動條高度+50或者別的。

（3）滾動條距離頁面頂部的距離<=頁面高度+滾動條高度+50/別的

 

（4）借用別人封裝的代碼

https://my.oschina.net/u/3443377/blog/1555750

(function ($) {
        //backcall是回調函數，count表示回調函數被執行的次數，count只有在元素經過滾動條滑出的時候才起做用
	$.fn.inBottom = function (backcall){
		//判斷當前元素是否在目前屏幕可視化區域以內
		if(this.offset().top >= $(window).height()){
			this.inScroll(backcall,count);
		}else{
			this.inWindow(backcall);
		}
	};
	//直接加載回調函數
	$.fn.inWindow = function (backcall){
		backcall();

	};
	//滾動監聽滑動條，元素滾動到屏幕底部的時候，加載回調函數
    $.fn.inScroll = function (backcall,count) {
    	var $this=this;
		$(window).scroll(function(){
		//得到這個元素到文檔頂部的距離
		var awayDocTop=$this.offset().top;
		//得到滾動條的top
		var sTop=$(document).scrollTop();
		//得到可視化窗口的高度
		var wh=$(window).height();
	    if(Math.ceil(wh+sTop)>=awayDocTop){
	    	if(count>0){
		    	backcall();
		    	count--;
	    	}
		};
	});
    };
})(jQuery);

調用

$("#div").inBottom(function(){
    alert("我被回調了");
},1);