如何将 core-scroll-header-panel 与 core-drawer-panel 一起使用

Question

我想创建一个类似于谷歌收件箱的布局。具体来说：

• 可以滚动的横幅（感谢 core-scroll-header-panel）
• 一长串作为主要内容（感谢 core-list）
• 左上方的菜单按钮显示核心导航面板（而不是弹出窗口）

表面上看起来应该可以大致实现如下

<core-drawer-panel forceNarrow>

  <core-header-panel drawer>
    <core-toolbar></core-toolbar>
    <core-menu>...</core-menu>
  </core-header-panel>

  <core-scroll-header-panel main>
    <core-toolbar></core-toolbar>
    <core-list>....</core-list>
  </core-scroll-header-panel>

</core-drawer-panel>

但是，我的尝试失败了 (http://jsbin.com/womovo)，因为抽屉面板的菜单丢失了。

目前这种布局是否可行，使用上述组件或其他组件（不确定 core-scaffold 是否有帮助）？

Answer 1

菜单在那里，您可以单击页面边缘将其拉出。或运行

document.querySelector('core-drawer-panel').togglePanel();

在控制台中显示它。

编辑：我觉得http://jsbin.com/soqopuyiqi 就是你要找的东西。