判断滚动条是否到达页面的尾部代码,JS代码库,德仔网

代码语言

代码分类

【JS】判断滚动条是否到达页面的尾部

作者:Amanda / 发布于2015/3/12/ 660


	//取窗口滚动条高度
	function getScrollTop()
	{
	 var scrollTop=0;
	 if(document.documentElement&&document.documentElement.scrollTop)
	 {
	 scrollTop=document.documentElement.scrollTop;
	 }
	 else if(document.body)
	 {
	 scrollTop=document.body.scrollTop;
	 }
	 return scrollTop;
	}
	
	
	//取窗口可视范围的高度
	function getClientHeight()
	{
	 var clientHeight=0;
	 if(document.body.clientHeight&&document.documentElement.clientHeight)
	 {
	 var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
	 }
	 else
	 {
	 var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
	 }
	 return clientHeight;
	}
	
	
	//取文档内容实际高度
	function getScrollHeight()
	{
	 return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
	}
	 function test(){
	 if (getScrollTop()+getClientHeight()==getScrollHeight()){
	 alert("到达底部");
	 }else{
	 alert("没有到达底部");
	 }
	 }

试试其它关键字

　尾部　　滚动条　

同语言下

可能有用的

Amanda贡献的其它代码(8)