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

 更新时间:2014年04月24日 17:44:24   作者:  
这篇文章主要介绍了使用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);
}
}

相关文章

  • javascript break指定标签打破多层循环示例

    javascript break指定标签打破多层循环示例

    break的语法有两种break; 和 break label;下面为大家介绍下直接break掉整个循环嵌套示例
    2014-01-01
  • 无间断滚动marquee的详细用法解析

    无间断滚动marquee的详细用法解析

    无间断滚动marquee的详细用法解析...
    2006-08-08
  • js前端解决跨域的八种实现方案

    js前端解决跨域的八种实现方案

    这篇文章主要介绍了js前端解决跨域的八种实现方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-04-04
  • Javascript 学习书 推荐

    Javascript 学习书 推荐

    前一段时间看了一本javascript的书,书名为Javascript DOM 高级程序设计 由【加】Jeffrey Sambells和【美】
    2009-06-06
  • js用于树型结构级联选择

    js用于树型结构级联选择

    js用于树型结构级联选择...
    2007-01-01
  • Openlayers实现地图的基本操作

    Openlayers实现地图的基本操作

    这篇文章主要为大家详细介绍了Openlayers实现地图的基本操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 一个简单的js树形菜单

    一个简单的js树形菜单

    说到树形菜单,貌似一般是用在一些管理系统里面的,我是还没有用到过,有些zTree之类的插件已经做得比较好了
    2011-12-12
  • js获取json中key所对应的value值的简单方法

    js获取json中key所对应的value值的简单方法

    下面小编就为大家带来一篇js获取json中key所对应的value值的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Javascript编写俄罗斯方块思路及实例

    Javascript编写俄罗斯方块思路及实例

    本文主要给大家介绍的是使用javascript编写俄罗斯方块小游戏的思路和具体的实例代码,有需要的小伙伴可以参考下
    2015-07-07
  • 一文详解CORS与预检请求

    一文详解CORS与预检请求

    这篇文章主要介绍了CORS与预检请求,CORS是一套规范,指导浏览器和服务器之间如何进行跨域资源共享,当发送跨域请求时,浏览器会先发送一个OPTIONS方法的预检请求。文中介绍的非常详细,需要的同学可以参考一下
    2023-04-04

最新评论