ruby-on-rails - 如何使用 Turbolinks 刷新页面

Question

我知道我可以在 Turbolinks 5 上调用以下代码但它改变了滚动位置。有没有办法调用 Turbolinks 来刷新页面而不改变滚动位置？

Turbolinks.visit(location.toString());

这会做我想做的，但希望使用 Turbolinks

 window.location.reload()

Answer 1

在调用 visit 之前存储当前滚动位置，然后在页面加载时滚动到该存储位置。将存储的滚动位置重置为 null 可确保后续页面加载不会滚动到旧位置。一种可能的实现可能是:

var reloadWithTurbolinks = (function () {
  var scrollPosition

  function reload () {
    scrollPosition = [window.scrollX, window.scrollY]
    Turbolinks.visit(window.location.toString(), { action: 'replace' })
  }

  document.addEventListener('turbolinks:load', function () {
    if (scrollPosition) {
      window.scrollTo.apply(window, scrollPosition)
      scrollPosition = null
    }
  })

  return reload
})()

然后你可以调用reloadWithTurbolinks()。

要防止页面从顶部滚动到所需位置时出现闪烁，请在页面的 head 中添加 no-preview 缓存指令:

<meta name="turbolinks-cache-control" content="no-preview">