在网络浏览器中重新加载时的滚动位置恢复规则

问题描述 投票:1回答:1

对于以异步方式处理数据的网站,在刷新浏览器时,在某些情况下会恢复滚动位置,在某些情况下不会恢复。

例如,当向下滚动后重新加载时...

我基于chrome inspector进行调试的结论如下。

如果网页在发出window.onload事件之前处于可滚动状态,则浏览器将尝试将滚动位置恢复到先前的滚动位置。换句话说,在https://www.bitbox.me之前完成window.onload API响应。

这只是我的猜测。因此,我在文档中搜索了如何恢复滚动位置,但是失败了。有谁知道更多关于滚动位置恢复标准的信息?

javascript html
1个回答
1
投票

[某些浏览器支持滚动锚定。你可以在这里读更多关于它的内容https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-anchor/Guide_to_scroll_anchoring

并在此处查看哪些浏览器支持它https://caniuse.com/#feat=css-overflow-anchor

我刚刚建立了一个功能,需要精确控制滚动位置。要回到与浏览器无关的状态,只需将overflow-anchor: none;添加到可滚动元素的css中即可。

© www.soinside.com 2019 - 2024. All rights reserved.