javascript - 刷新期间保持滚动位置

Question

我有一个网络服务器，可以显示房间列表并显示那里的状态。每 30 秒刷新一次以收集新事件并显示房间的任何状态变化。

问题是刷新率必须很快，因此事件是实时注册的，但每次页面刷新时用户都会移回列表顶部，当有数百个房间时，这是一个问题。

服务器由 .jsp 文件组成，我认为这些文件是 javascript，因为页面顶部附近的 HTML 标签中写着 javascript。

我只使用过 javascript 和 PHP 插件，所以我对此有点不确定。

有谁知道我可以存储用户的滚动位置并在页面刷新时将其重置在那里的方法。

谢谢

Answer 1

您可以将scrollTop的值存储在cookie中，然后加载，将scrollTop设置回该值，但这可能会给用户带来不稳定的体验。

您可能想要尝试对新数据进行 XHR/Ajax 调用，然后将其附加到页面上的正确位置。

您最喜欢的 JS 库将使这变得非常容易。