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


Posted in Javascript onApril 24, 2014
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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
Mar 26 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
JS中Json数据的处理和解析JSON数据的方法详解
Jun 29 Javascript
javascript笔记之匿名函数和闭包
Feb 06 Javascript
JavaScript高阶教程之“==”隐藏下的类型转换
Apr 11 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
Vue组件实现触底判断
Jun 26 Javascript
原生js实现日期选择插件
May 21 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
javaScript如何处理从java后台返回的list
Apr 24 #Javascript
jquery如何扑捉回车键触发的事件
Apr 24 #Javascript
用unescape反编码得出汉字示例
Apr 24 #Javascript
标题过长使用javascript按字节截取字符串
Apr 24 #Javascript
JS对img标签进行优化使用onerror显示默认图像
Apr 24 #Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 #Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 #Javascript
You might like
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
JavaScript实现文字与图片拖拽效果的方法
2015/02/16 Javascript
深入理解js中的加载事件
2017/02/08 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
vue axios请求频繁时取消上一次请求的方法
2018/11/10 Javascript
Nuxt v-bind绑定img src不显示的解决
2019/12/05 Javascript
JS中类的静态方法,静态变量,实例方法,实例变量区别与用法实例分析
2020/03/14 Javascript
JS highcharts动态柱状图原理及实现
2020/10/16 Javascript
js实现简单的轮播图效果
2020/12/13 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
忘记ftp密码使用python ftplib库暴力破解密码的方法示例
2014/01/22 Python
Python中replace方法实例分析
2014/08/20 Python
Python中decorator使用实例
2015/04/14 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
Python中查看变量的类型内存地址所占字节的大小
2019/06/26 Python
int在python中的含义以及用法
2019/06/27 Python
Python插入Elasticsearch操作方法解析
2020/01/19 Python
使用Bazel编译TensorBoard教程
2020/02/15 Python
css3 box-shadow阴影(外阴影与外发光)图示讲解
2017/08/11 HTML / CSS
CSS类名支持中文命名的示例
2014/04/04 HTML / CSS
有多年工作经验的自我评价
2014/03/02 职场文书
八项规定整改方案
2014/10/01 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
护士岗位竞聘书
2015/09/15 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书
Go调用Rust方法及外部函数接口前置
2022/06/14 Golang