Javascript 如何更改纸张滚动标题面板的断点
请参见下面的示例代码 现在,当我在纵向模式下将显示尺寸更改为智能手机时,第一个Javascript 如何更改纸张滚动标题面板的断点,javascript,html,polymer,Javascript,Html,Polymer,请参见下面的示例代码 现在,当我在纵向模式下将显示尺寸更改为智能手机时,第一个纸张滚动标题面板仅会折叠(并转换为汉堡包菜单) 我希望它能更早崩溃,但似乎找不到方法 如何更改折叠断点 <paper-drawer-panel id="paperDrawerPanel"> <paper-scroll-header-panel drawer fixed> <paper-toolbar> <span class=
纸张滚动标题面板仅会折叠(并转换为汉堡包菜单)
我希望它能更早崩溃,但似乎找不到方法
如何更改折叠断点
<paper-drawer-panel id="paperDrawerPanel">
<paper-scroll-header-panel drawer fixed>
<paper-toolbar>
<span class="paper-font-title"><spring:message code="appTitle" /></span>
</paper-toolbar>
<paper-menu class="list" attr-for-selected="data-route" selected="{{route}}" on-iron-select="onMenuSelect">
<paper-item><a data-route="home" href="/home"> <iron-icon icon="home"></iron-icon> <span>Home</span></a></paper-item>
<paper-item><a data-route="page1" href="/page1"> <iron-icon icon="mail"></iron-icon> <span>Page 1</span></a></paper-item>
<paper-item><a href="/logout"> <iron-icon icon="verified-user"></iron-icon> <span>Log out</span></a></paper-item>
</paper-menu>
<div>Drawer content...</div>
</paper-scroll-header-panel>
<paper-scroll-header-panel main condenses keep-condensed-header>
<paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button>
<paper-toolbar id="mainToolbar" justify="justified">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</paper-toolbar>
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section data-route="home">
<main-view></main-view>
</section>
<section data-route="page1">
<x-page></x-page>
</section>
</iron-pages>
</paper-scroll-header-panel>
</paper-drawer-panel>
抽屉内容。。。
纸盒面板的属性可用于控制菜单折叠时的屏幕宽度。目前设置为600px
更新:该属性可用于随时折叠菜单
<paper-drawer-panel force-narrow></paper-drawer-panel>
所以它是…
如果您希望菜单一直折叠,可以使用强制缩小。我已经更新了答案。