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

2019-12-21,,,

复制代码 代码如下:
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判断客户端是iOS还是Android等移动终端的方法
  • JS onmousemove鼠标移动坐标接龙DIV效果实例
  • js 鼠标移动显示图片的简单实例
  • js如何判断用户是在PC端和还是移动端访问
  • javascript移动设备Web开发中对touch事件的封装实例
  • js实现键盘控制DIV移动的方法
  • 原生js实现移动开发轮播图、相册滑动特效
  • js实现touch移动触屏滑动事件
  • JavaScript代码实现左右上下自动晃动自动移动

《js动态移动滚动条至底部示例代码.doc》

下载本文的Word格式文档,以方便收藏与打印。