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 相关文章推荐
JS使用正则表达式除去字符串中重复字符的方法
Nov 05 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
快速使用Bootstrap搭建传送带
May 06 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
深入理解JS DOM事件机制
Aug 06 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
详解Angular调试技巧之报错404(not found)
Jan 31 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
vue实现Input输入框模糊查询方法
Jan 29 Javascript
js实现弹窗猜数字游戏
Nov 26 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
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
laravel入门知识点整理
2020/09/15 PHP
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
使用百度地图api实现根据地址查询经纬度
2014/12/11 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
最佳的JavaScript错误处理实践
2016/07/16 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
解决select2在bootstrap modal中不能正常使用的问题
2018/08/09 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
[45:06]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第二场 11.28
2020/12/02 DOTA
Python中json格式数据的编码与解码方法详解
2016/07/01 Python
Python从函数参数类型引出元组实例分析
2019/05/28 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
详解HTML5中CSS外观属性
2020/09/10 HTML / CSS
澳大利亚百货商店中销量第一的商务衬衫品牌:Van Heusen
2018/07/26 全球购物
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
实习自我鉴定范文
2013/10/30 职场文书
奥巴马演讲稿
2014/01/08 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
蛋糕店创业计划书
2014/05/06 职场文书
影子教师研修方案
2014/06/14 职场文书
军人离婚协议书样本
2014/10/21 职场文书
2014年银行工作总结范文
2014/11/12 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
给上级领导的感谢信
2015/01/22 职场文书
任命书怎么写
2015/03/02 职场文书
员工家属慰问信
2015/03/24 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技