让核心工具栏保持在页面顶部

Question

当用户滚动页面时，我正试图让聚合物<core-toolbar>保持在页面顶部。我怎么能用HTML / JavaScript / CSS做到这一点？ 谢谢！

Answer 1

您需要使用core-scroll-header-panel。这包围了您的核心工具栏，并为您提供了各种选项，允许您按照自己的方式设置样式，它应该滚动或保持固定在顶部。您需要查看帮助页面以获取所有可用属性。 core-scroll-header-panel

您正在寻找的选项如下所示：

<core-scroll-header-panel fixed>
 <core-toolbar>Header</core-toolbar>
  <div>Content goes here...</div>
</core-scroll-header-panel>