polymer - 重置页面之间滚动位置的最佳实践？

Question

所以即使是 Polymer 网站也有这个问题。这是 SPA 世界的问题。

转载:转至 http://www.polymer-project.org/docs/elements/core-elements.html ，点击例如左侧的 core-ajax 并向下滚动到中间，然后转到 core-xhr。注意滚动位置。

考虑到我 a) 想要避免上述行为，而且 b) 想要保留滚动位置，以便在我使用后退箭头转到我已经访问过的页面时，有哪些最佳实践？如果核心页面具有内置支持，那就太好了。

Answer 1

这可能是一种解决方法。您可以使用 火 polymer 中的事件，一旦有什么东西触发了你的事件 听 调用并强制页面到滚动到顶部 .至少这解决了我的核心动画页面过渡问题:从右侧滑动。

polymer
this.fire('scroll-top')
索引.html

document.addEventListener('scroll-top', function(){
    // Access the main core-header-panel 
    var scaffold = document.querySelector('core-scaffold');
    var scrollArea = scaffold.shadowRoot.querySelector('core-header-panel');
    scrollArea.scroller.scrollTop = 0; // Scroll to top
    }
)