js动态移动滚动条至底部示例代码_Javascript教程-查字典教程网
js动态移动滚动条至底部示例代码
js动态移动滚动条至底部示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varcurrentPosition,timer;functionGoBottom(){timer=setInterval...

复制代码 代码如下:

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);

}

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类