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 相关文章推荐
javascript在事件监听方面的兼容性小结
Apr 07 Javascript
JavaScript内核之基本概念
Oct 21 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
jquery实现滑动特效代码
Aug 10 Javascript
node.js基于mongodb的搜索分页示例
Jan 22 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
Sep 18 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
Mar 20 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
javascript实现固定侧边栏
Feb 09 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
读jQuery之二(两种扩展)
2011/06/11 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
2013/08/13 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
详解jQuery中的事件
2016/12/14 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
在vue2.0中引用element-ui组件库的方法
2018/06/21 Javascript
JavaScript文本特效实例小结【3个示例】
2018/12/22 Javascript
Angular(5.2-&gt;6.1)升级小结
2018/12/27 Javascript
es6数组之扩展运算符操作实例分析
2020/04/25 Javascript
jQuery实现带进度条的轮播图
2020/09/13 jQuery
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python实现博客文章爬虫示例
2014/02/26 Python
Python使用爬虫猜密码
2016/02/19 Python
基于Python代码编辑器的选用(详解)
2017/09/13 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
python实现定时压缩指定文件夹发送邮件
2020/12/22 Python
pyqt5 lineEdit设置密码隐藏,删除lineEdit已输入的内容等属性方法
2019/06/24 Python
python networkx 根据图的权重画图实现
2019/07/10 Python
香港最新科技与优质家居产品购物网站:J SELECT
2018/08/21 全球购物
FC-Moto西班牙:摩托车手最大的购物场所之一
2019/04/11 全球购物
Linux Interview Questions For software testers
2013/05/17 面试题
仓库管理专业个人的自我评价
2013/12/30 职场文书
法学函授自我鉴定
2014/02/06 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
开展党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年财政局工作总结
2015/05/21 职场文书
车间班组长竞聘书
2015/09/15 职场文书
创业计划书之奶茶店开店方案范本!
2019/08/06 职场文书
导游词之清晏园
2019/11/22 职场文书