文章/答案/技术大牛

发布

社区首页 >问答首页 >纸制抽屉板默认为窄

问纸制抽屉板默认为窄
EN

Stack Overflow用户

提问于 2015-07-10 22:47:17

回答 2查看 931关注 0票数 1

在Firefox 39.0和Chrome 43.0上使用聚合物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大时，抽屉和主内容都要并排出现。那我为什么没看到这种行为？

javascript

css

polymer

paper-elements

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-07-10 23:28:27

在聚合物启动试剂盒中，在app/scripts/app.js内部

window.addEventListener('WebComponentsReady', function() {
  document.querySelector('body').removeAttribute('unresolved');

  // Ensure the drawer is hidden on desktop/tablet
  var drawerPanel = document.querySelector('#paperDrawerPanel');
  drawerPanel.forceNarrow = true;
});

线drawerPanel.forceNarrow = true;强迫抽屉面板是狭窄的。您可以注释掉行，以获得适当的行为。

我相信这包括在初学者工具包，以演示如何获得相反的行为，总是有一个可折叠抽屉。

票数 0

Stack Overflow用户

发布于 2015-07-20 09:34:12

只需将force-narrow而不是forceNarrow添加到paper-drawer-panel中，并删除javascript即可。camelCase中的聚合物javascript属性(如forceNarrow )将与camel-case在HTML中匹配。

使用narrow=true将无法工作，因为这是抽屉的状态，并且将有效地永远隐藏元素。

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31351451

复制

相似问题

问纸制抽屉板默认为窄
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问纸制抽屉板默认为窄EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问纸制抽屉板默认为窄
EN