js动态移动滚动条至底部示例代码

192 阅读 0 评论 127 点赞

我是靠谱客的博主酷酷指甲油，这篇文章主要介绍js动态移动滚动条至底部示例代码，现在分享给大家，希望可以做个参考。

复制代码代码如下:

 
var currentPosition,timer; 
function GoBottom(){ 
timer=setInterval("runToBottom()",50); 
} 
function runToBottom(){ 
currentPosition=document.documentElement.scrollTop || document.body.scrollTop; 
currentPosition+=30; 
if(currentPosition<document.body.scrollHeight && (document.body.clientHeight + document.body.scrollTop < document.body.scrollHeight)) 
{ 
//window.scrollTo(0,currentPosition); 
//alert(document.documentElement.clientHeight + " " + document.documentElement.scrollTop + " " + document.documentElement.scrollHeight + "#" +document.body.clientHeight + " " + document.body.scrollTop + " " + document.body.scrollHeight); 
document.body.scrollTop = currentPosition; 
} 
else 
{ 
document.body.scrollTop = document.body.scrollHeight; 
clearInterval(timer); 
} 
} 