javascript - 文档加载后,某些内容滚动回 0,0

标签 javascript html ruby-on-rails scroll turbolinks

我有这个 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

最佳答案

尝试history.scrollRestoration = 'manual';。它应该防止页面滚动回到之前的位置。

关于javascript - 文档加载后,某些内容滚动回 0,0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56167445/

相关文章:

javascript - JavaScript 中字符串连接的性能很糟糕?

javascript - CSS伪元素混淆

ruby-on-rails - 使用 Ruby on Rails 将 XHTML 作为 application/xhtml+xml 提供服务

ruby-on-rails - rails : list accepted values of "validates :inclusion" field

ruby-on-rails - 是否可以在 Rails 6 中使用 .js.erb 文件?

javascript - 在 AngularJS 中预选一个 "unknown"选项

javascript - 为什么这不起作用? (某些输出上的 toLocaleString)

javascript - Node.js Promises Q.all 不起作用

javascript - 猫头鹰旋转木马 |如何使用 CSS 更改 .Item 的大小

javascript - 在 YouTube iframe 的 'removeChild ' 上 react 'Node'