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

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

• 可滚动的横幅（感谢core滚动标题面板）
• 作为主要内容的长列表（感谢核心列表）
• 左上角的菜单按钮，显示核心导航面板（而不是弹出窗口）

从表面上看，这似乎是可以实现的，大致如下

<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>

...
....

但是，我的尝试失败了（），因为抽屉面板的菜单丢失了

---

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

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

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

在控制台中显示它

---

编辑：我觉得这就是你想要的。

Fwiw，从0.5开始，你可以向任何可点击元素添加

core drawer toggle

属性，它将自动切换抽屉（因此你不必手动将其挂接到事件）。很好的提示。聚合物越来越好，太棒了。谢谢各位