js监听滚动条滚动到底部

$(document).ready(function () { 
		window.addEventListener("scroll",function(e){
			
	 		if (($(document).scrollTop()) >= ($(document).height() - $(window).height())) {

	           //当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；

	            //我们需要去异步加载数据了

	           alert('到底了！');

	        }
		});
	});

需要判断别的时候的时候，可以灵活变通以上代码。

灵活变通-例如：

想知道li是否加载出来了，可以判断

$(document).scrollTop()+$(window).height() >= $("this").offsetHeight 

窗体高度+滚动高度>=这个li的网页可见区域高，说明这个li已经加载出来了哦~

拓展

 

网页可见区域宽：document.body.clientWidth 
网页可见区域高：document.body.clientHeight 
网页可见区域宽：document.body.offsetWidth (包括边线的宽) 
网页可见区域高：document.body.offsetHeight (包括边线的宽) 
网页正文全文宽：document.body.scrollWidth 
网页正文全文高：document.body.scrollHeight 
网页被卷去的高：document.body.scrollTop 
网页被卷去的左：document.body.scrollLeft 
网页正文部分上：window.screenTop 
网页正文部分左：window.screenLeft 
屏幕分辨率的高：window.screen.height 
屏幕分辨率的宽：window.screen.width 
屏幕可用工作区高度：window.screen.availHeight 

屏幕可用工作区宽度：window.screen.availWidth