gpt4 book ai didi

自动滚动到不断增长的页面底部的 Javascript 机制?

转载 作者:可可西里 更新时间:2023-11-01 02:30:54 30 4
gpt4 key购买 nike

希望这对于那些使用 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 事件,该事件在用户滚动时触发,如果用户在窗口底部上方则关闭滚动,但将其转动如果他们向下滚动到有效位于 View 底部的位置,则返回。我正在查看 onScroll 事件,鉴于我提到的变量的数学计算结果非常好,我认为我走在正确的道路上。感谢大家的参与!

最佳答案

x = 0;  //horizontal coord
y = document.height; //vertical coord
window.scroll(x,y);

关于自动滚动到不断增长的页面底部的 Javascript 机制?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/387592/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com