手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js动态移动滚动条至底部示例代码
js动态移动滚动条至底部示例代码
摘要:复制代码代码如下: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);

}

}

【js动态移动滚动条至底部示例代码】相关文章:

原生JS和JQuery动态添加、删除表格行的方法

jQuery实现html表格动态添加新行的方法

jQuery实现自动滚动到页面顶端的方法

网页里控制图片大小的相关代码

jQuery实现div随意拖动的实例代码(通用代码)

光标定位等TextRange的操作的范例代码

jquery实现动态改变div宽度和高度

动态提示的下拉框

必须点击广告才能进入的代码

javascript动态创建链接的方法

精品推荐
分类导航