11

希望这对于有 Javascript 时间的人来说是一个简单的答案......

我有一个脚本正在监视一个日志文件，该脚本将日志中的新行提供给任何连接的浏览器。一些人评论说，他们希望看到的更多的是“tail -f”行为——最新的行将始终位于浏览器页面的底部，直到查看器向上滚动查看某些内容。滚动回底部应该让您回到自动滚动行为。

我的谷歌三振-希望-只是对javascript一无所知，因此不知道要搜索什么关键字。我不需要一个完整的解决方案——只要一个“足够接近”，让我跳进去弄脏我的手。

编辑：

我一直在尝试 scrollTop/scrollHeight 的想法，但显然缺少一些东西。我几乎没有用 Javascript 做任何事情，所以我可能再次提出了非常低级的问题：

<html><body>
<script type="text/javascript">
for (i=0; i<100; i++)
{
    document.write("" + i + "<br />");
    document.scrollTop = document.scrollHeight;
}
</script>
</body></html>

这是许多排列之一。显然，我无法在 javascript 中逐行输出日志，但我只是想查看正确的行为。我在这里需要什么缺失的链接？

再次编辑：这已经变成了我最初预期的一个更有趣的问题。使用 window.scroll 的代码建议确实可以解决问题。我开始尝试将滚动限制为仅在浏览器位于文档正文底部时发生。这在理论上很容易做到，但在实践中却遇到了困难：

每次从服务器获取新文本时，正文的大小都会增加，并且您当前的滚动位置不再位于文档的底部。您无法再区分（使用 scrollHeight、clientHeight 和 scrollTop）是用户向上滚动还是文本刚刚超出他们的视图。

我认为如果这行得通，我将不得不承诺让自己有一个 JS 事件，当用户滚动并在窗口底部上方关闭滚动时触发该事件，但如果它们已经向下滚动到它们实际上位于视图底部的位置。我正在查看 onScroll 事件，并且鉴于我提到的变量的数学计算结果非常好，我认为我在这里走的是正确的道路。谢谢大家的意见！

4

6 回答 6

13 
x = 0;  //horizontal coord
y = document.height; //vertical coord
window.scroll(x,y);
于 2008-12-22T23:16:42.653 回答
7

要滚动整个文档，请使用以下命令：

window.scrollTo(0, document.body.scrollHeight);

如果您只有一个可滚动的 div 或其他东西，那么过程会有所不同：

var obj = $('id');
obj.scrollTop = obj.scrollHeight;
于 2012-06-14T15:32:55.260 回答
4 
for (i = 0; i < 100; i++) {
    document.write("" + i + "<br />");
    window.scroll(0,document.body.offsetHeight);
}
于 2008-12-23T00:01:48.193 回答
4

不错的 jQuery 函数完成了这项工作

$('html,body').animate({ scrollTop: element.offset().top }, 'slow');

这对我有用，用它来自动滚动到下拉菜单以使其成为焦点

于 2010-12-15T08:43:07.823 回答
1

这解释了设置的时间间隔是什么 - http://www.w3schools.com/jsref/met_win_setinterval.asp

这解释了什么设置超时 - http://www.w3schools.com/jsref/met_win_settimeout.asp

这将使用 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>
于 2011-06-23T20:04:40.650 回答
0 
obj.scrollTop = obj.scrollHeight;
于 2008-12-22T22:38:51.373 回答