如何在聚合物

Question

我想在我身边添加这样的侧面导航：

  

https://www.google.com/design/spec/material-design/introduction.html

应该有一个菜单按钮和sidenav打开：

但是我无法在polymer中找到这种方法。唯一的可能性是paper-drawer-panel，但这一直是开始的......

我的工作纸抽屉面板示例：https://www.sese7.de/polymer/

有没有人知道如何用聚合物或https://customelements.io/

来做这件事

提前致谢;）

Answer 1

尝试将forceNarrow属性设置为true。

以下是paper-drawer-panel api docs的文档：https://elements.polymer-project.org/elements/paper-drawer-panel

  

forceNarrow

     

布尔

     

默认值：false

     

如果为true，则忽略responsiveWidth设置并强制缩小布局。

Answer 2

纸质抽屉面板采用closeDrawer()方法。

这里有一个简短的例子：

var drawerPanel = Polymer.dom(document).querySelector('#paperDrawerPanel');

if (drawerPanel.narrow) {
    drawerPanel.closeDrawer();
}

该示例来自＆＃34; Polymer Starter Kit＆＃34;。