js动态移动滚动条至底部
2014-04-24 16:00
211 查看
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);
}
}
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动态移动滚动条至底部示例
- js动态移动滚动条至底部示例代码
- js动态移动滚动条至底部示例代码
- JS获取div滚动条距离实现弹出标签位置动态移动
- 关于用jquery.masonry.js实现动态加载效果(当页面滚动条拉到底部时时重新加载图片)
- vue实现动态添加数据滚动条自动滚动到底部的示例代码
- js控制div不随滚动条移动
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- js设置滚动条到div底部
- js 层随着滚动条上下移动
- js实现滚动条滚动到页面底部继续加载
- JS实现判断滚动条滚到页面底部并执行事件的方法
- js让滚动条保持在底部
- js判断滚动条是否已到页面最底部或顶部实例
- js判断滚动条是否到底部
- WPF判断控件的滚动条是否移动到了最底部
- js/jq控制页面动态加载数据,滑动滚动条自动加载事件
- JS实现判断滚动条滚到页面底部并执行事件的方法
- JS 原生JS 判断滚动条滑动到底部(兼容苹果safari)