如何更改纸张滚动页眉面板的断点

Question

请参阅下面的示例代码。

当我在纵向模式下将显示大小更改为智能手机时，现在第一个paper-scroll-header-panel仅会折叠（并转换为汉堡菜单）。

我希望它早早崩溃，但似乎无法找到如何做到这一点。

如何更改折叠断点？

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

Answer 1

的paper-drawer-panel的responsiveWidth属性可以被用于控制在该菜单折叠屏幕宽度。目前它设置为600px。

更新：forceNarrow属性可用于始终折叠菜单。

<paper-drawer-panel force-narrow></paper-drawer-panel>