在页面刷新时重置滚动位置，在现代浏览器上不起作用

Question

我正在尝试在刷新时重置浏览器滚动位置，但显然它在现代浏览器中不起作用或不可能，我错了吗？

代码：

$(window).on('beforeunload', function() {
$('html, body').scrollTop($('#scroll-to-div-id-anchor').offset().top); });

也许我处理不当，还有其他方法可以实现吗？

我尝试了此代码的所有变体和可能的选项，但它在 Safari 和 Chrome 上不起作用（无论是在桌面上，尤其是在移动设备上）。

Answer 1

如果您希望页面在重新加载时移动到某个元素，预期的行为是在页面加载后将其移动到该点。如果您在页面加载之前尝试移动页面，您将不知道必须滚动到哪里，并且如果您尝试在卸载时移动它，则无法保证在重新加载后该点会被保存。

您可以在卸载时将滚动位置保存到localStorage 并尝试在加载时加载该位置，但在这种情况下，我建议您只在加载时移动页面。

$(document).ready(function() {
  $('html, body').scrollTop($('#scroll-to-div-id-anchor').offset().top);
});