加载文档后，某些东西会滚动回到0,0

Question

我让这个JS滚动到页面加载上的特定位置（对于具有Turbolinks的Rails，它位于Turbolinks加载上）：

document.addEventListener("turbolinks:load", function() {
  window.scrollTo(240,1);
});

但是，当我加载页面时，页面会在240,1加载一秒钟，然后突然回到0,0。

有人知道导致延迟滚动到0,0的原因吗？

我还尝试用"turbolinks:load"和"page:load"替换"ready"，它们也不起作用。

可能相关的事情

• Chrome桌面
• Ruby on Rails 5.2.3
• Turbolinks 5
• 没有其他自定义JS

Answer 1

尝试history.scrollRestoration = 'manual';。这样可以防止页面滚动回到上一个位置。

Answer 2

将此脚本添加到开发工具控制台

window.onscroll = function (e) {  
  console.log("Window scrolled");
} 

现在添加一个断点并检查调用堆栈，如下图所示。
这将向您显示更改窗口滚动的所有功能。
请注意，如果您自己滚动页面，此功能也将执行。

希望对您有帮助！