Ich habe Standard-Polymer Starter Kit (erweitert) Layout, die Struktur sieht wie folgt aus
<template>
<paper-drawer-panel id="paperDrawerPanel" force-narrow>
<paper-header-panel drawer fixed>
<paper-toolbar id="drawerToolbar">
</paper-toolbar>
<!-- Drawer Content -->
</paper-header-panel>
<paper-scroll-header-panel main id="headerPanelMain" condenses keep-condensed-header>
<paper-toolbar id="mainToolbar" class="tall">
<paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle></paper-icon-button>
<!-- Toolbar icons -->
<div class="middle middle-container">
<div class="app-name">appname</div>
</div>
</paper-toolbar>
<div class="content">
<iron-pages attr-for-selected="data-route" selected="{{route}}">
<section>
</section>
<section>
</section>
</iron-pages>
</div>
</paper-scroll-header-panel>
</paper-drawer-panel>
</template>
Aber wenn ich versuche Papier-Kopfplatte statt Papier-Scroll-Kopfplatte alle iron-pages
Struktur verschwinden zu verwenden. Ich weiß, dass ist geschehen aufgrund der Differenz in CSS zwischen dem Papier-Scroll-header-Panel und Papier-Kopfplatte
P. S. Ich habe installiert und importierte die Papier-Kopfplatte
Das Problem, das ich nicht will, ist meine Symbolleiste groß und dann allmählich verdichten sein, wenn Sie blättern (das ist, warum ich versuche, es zu ersetzen Papier-header (Panel), ich möchte, dass es immer kondensiert (wie Nahtmodus, wenn Sie Papier-Header-Panel verwenden, aber in diesem Fall Eisen-Seiten nicht funktionieren, das ist das Problem).
Die Frage ist
- wie machen, dass Papier-Scroll-Kopfplatte immer kondensiert werden und nicht nur, wenn Sie
- nach unten scrollen oder wenn das nicht möglich ist, wie ich ersetzen sie es mit nur Papier-Kopfplatte und es mit
<iron-pages>