js判断滚动条是否已到页面最底部或顶部实例-拓展（逐渐-自动下滑滚动）

本文链接：https://blog.csdn.net/qq_14861367/article/details/51840105

/**以下是具体的html*/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="Jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">

/********************
* 取窗口滚动条高度
******************/
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 autokuozhanxiala(){
if (getScrollTop()+getClientHeight()==getScrollHeight()){
document.documentElement.scrollTop =0;//越大速度越快，加入定时函数就是你要的效果了
window.setTimeout("autokuozhanxiala()",500);
}else{
document.documentElement.scrollTop += 10;//越大速度越快，加入定时函数就是你要的效果了
window.setTimeout("autokuozhanxiala()",500);
}

}
window.setTimeout("autokuozhanxiala()",500);

</script>
<title>测试滚动条逐渐自动下拉</title>
</head>

<body>
坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你
坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你
坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你坑坑泥坑可能更难啃看看你、
 
 
 
 
 
 
 
 
 
 

</body>
</html>