Javascript自动滚动到不断增长的页面底部的机制?
希望,对于那些有Javascript时间的人来说,这将是一个简单的答案 我有一个日志文件,它被一个脚本监视,该脚本在注销时向任何连接的浏览器提供新行。一些人评论说,他们想看到的更多的是“tail-f”行为——最新的行将始终位于浏览器页面的底部,直到浏览者向上滚动查看某些内容。滚动到底部应该会返回到自动滚动行为 我在这一点上的谷歌惊人之处是——希望如此——只是对javascript一无所知,因此也不知道搜索什么关键词。我不需要一个完整的解决方案——只要一个“足够近的距离”就可以让我跳进去弄脏我的手 编辑: 我一直在尝试scrollTop/scrollHeight的想法,但显然遗漏了一些东西。我在Javascript方面几乎什么都没做过,所以我可能又问了一些非常低级的问题:Javascript自动滚动到不断增长的页面底部的机制?,javascript,browser,scroll,Javascript,Browser,Scroll,希望,对于那些有Javascript时间的人来说,这将是一个简单的答案 我有一个日志文件,它被一个脚本监视,该脚本在注销时向任何连接的浏览器提供新行。一些人评论说,他们想看到的更多的是“tail-f”行为——最新的行将始终位于浏览器页面的底部,直到浏览者向上滚动查看某些内容。滚动到底部应该会返回到自动滚动行为 我在这一点上的谷歌惊人之处是——希望如此——只是对javascript一无所知,因此也不知道搜索什么关键词。我不需要一个完整的解决方案——只要一个“足够近的距离”就可以让我跳进去弄脏我的手
<html><body>
<script type="text/javascript">
for (i=0; i<100; i++)
{
document.write("" + i + "<br />");
document.scrollTop = document.scrollHeight;
}
</script>
</body></html>
for(i=0;ifor(i=0;i<100;i++){
文件。写(“+i+”
);
滚动窗口(0,文档.正文.离视);
}
漂亮的jQuery函数可以完成这一任务
$('html,body').animate({ scrollTop: element.offset().top }, 'slow');
这对我来说很有用,用它自动滚动到下拉菜单以使其聚焦这解释了设置的时间间隔是什么-
这解释了什么是设定时间-
这将使用javascript滚动页面,并在6秒后停止
<script type = "text/javascript" >
var x;
function autoscroll(){
self.scrollBy(0,x)
}
function playautoscroll(){
x = 1;
setInterval('autoscroll()',0.01);
stop();}
function onetozero(){
x=0;
}
function stop(){
setTimeout ("onetozero()",6000);
}
window.onload=playautoscroll
</script>
var x;
函数autoscroll(){
self.scrollBy(0,x)
}
函数playautoscroll(){
x=1;
setInterval('autoscroll()',0.01);
停止();}
函数onetozero(){
x=0;
}
函数停止(){
setTimeout(“onetozero()”,6000);
}
window.onload=自动滚动播放
要滚动整个文档,请使用以下命令:
window.scrollTo(0, document.body.scrollHeight);
如果您只有一个可滚动的div或其他内容,则流程不同:
var obj = $('id');
obj.scrollTop = obj.scrollHeight;
这仅在您尝试滚动div或其他元素时有效,而不是整个windows/documentdocument.height
不存在。它应该是document.body.scrollHeight
。或者,y=$(document.height();//垂直坐标非常棒。这在window.scrollTo(0,document.body.scrollHeight)时对我有效
不会。我在中使用了它。单击(function(){});
块,我在其中使用了$(此)
而不是元素
。很好。我可以附议,@CMR。唯一的问题是假设定义了obj.scrollHeight。只有在引用实际的DOM元素时才定义它,而不是jQuery结果。因此,除非获得值为obj.get(0),否则此解决方案将失败.scrollHeight。这假定$('id')中只有一个匹配元素。
<script type = "text/javascript" >
var x;
function autoscroll(){
self.scrollBy(0,x)
}
function playautoscroll(){
x = 1;
setInterval('autoscroll()',0.01);
stop();}
function onetozero(){
x=0;
}
function stop(){
setTimeout ("onetozero()",6000);
}
window.onload=playautoscroll
</script>
window.scrollTo(0, document.body.scrollHeight);
var obj = $('id');
obj.scrollTop = obj.scrollHeight;