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

标签 polymer dart-polymer

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

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

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

最佳答案

这可能是一种解决方法。您可以使用 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
    }
)

关于polymer - 重置页面之间滚动位置的最佳实践?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25046892/

相关文章:

javascript - html 中的 polymer 函数绑定(bind),以对象作为第二个参数

javascript - 使用 Google Polymer 平台时未定义 _polyfilled?

list - Dart可观察 list 已移除项目

dart - 将回调函数传递给聚合物元素

javascript - 无需重新加载页面即可更改 YouTube 视频 ID

polymer - Paper-fab 部分隐藏在应用程序工具栏后面

node.js - 当我运行应用程序时,我的本地服务器找不到 Bower 文件

binding - 如何查询 dom-repeat 中的元素

dart - 如何从Polymer Dart中的无序列表中检索项目

dart - 创建 "Sample web application using the polymer library"时 Dart 编辑器中的警告