javascript - 路由更改时如何滚动回元素？

Question

我有一张很长的 table 。每行的第一列是 <a>标签。单击 <a>标签做:

1. 更新route和页面 reloads
2. 从服务器获取数据(对象列表)。
3. 显示<a>下方的数据标签
4. 隐藏与另一个相关的数据 <a>标签。

数据的长度各不相同。一次，我只显示与 <a> 之一相关的数据标签。例如，点击第一个 <a>在它之后显示与其相关的数据。单击第二个 <a>显示与其相关的数据并隐藏与第一个 <a> 相关的数据.

如何滚动回到 <a>您在路线更改和页面重新加载时点击的标签？

如果您回答，请不要使用 jQuery。

提前致谢

Answer 1

那么你的 table 里面有什么？是图片吗？

“来自服务器的数据”是数据吗，比如来自 api 请求的数据？还是新网页？

如果我们在这里谈论动态网页。我记得在无限 ScrollView 中处理过同样的问题，用户单击一个元素，然后返回并期望返回相同的位置。

动态内容的问题是浏览器需要一段时间来呈现它。取决于它是什么，它可能需要几毫秒到几秒(例如，糟糕的 3G 和包含 1000 张图像的 View )。在进行此渲染时，您永远不知道卷轴应该在哪里结束。可以通过添加超时和调整滚动来解决，直到我们几乎确定页面位于正确的位置。但这通常是一团糟。

你说页面重新加载？通常，如果用户正在更改路线等，则页面需要“重新加载”。如果您加载的数据是一个新页面，我明白为什么您必须重新加载。但是，如果它是对其他一些数据的 api 请求；是否可以选择不重新加载页面？如果可能的话，您可以删除和添加元素，而不是重新加载整个页面。