在Firefox 39.0和Chrome 43.0上使用Polymer 1.0

聚合物入门套件



我基本上有:

<body unresolved class="fullbleed layout vertical"> <template is="dom-bind" id="app"> <paper-drawer-panel id="paperDrawerPanel" narrow="true"> <div drawer> Drawer </div> <div main> Main </div> </paper-drawer-panel> </template></body>

这来自聚合物入门工具包。

我从forceNarrow删除了paper-drawer-panel属性,甚至尝试添加属性narrow="false",但是当我在笔记本电脑(15英寸屏幕)上的浏览器中查看网站时,面板始终处于窄屏模式。我在控制台中查看narrow属性,它设置为true

据我了解,当窗口大于responsiveWidth时,抽屉和主要内容会并排显示。那么,为什么我没有看到这种行为?

最佳答案

只需将force-narrow NOT forceNarrow添加到您的paper-drawer-panel并删除javascript。 camelCase中的聚合物javascript属性(例如forceNarrow)将与HTML中的camel-case匹配。

使用narrow=true无效,因为这是抽屉的状态,它将永远有效地隐藏元素。

关于javascript - 纸盒面板默认缩小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31351451/

10-10 09:35