UPD: решаемыеПолимер. Почему <iron-pages> работает с <бумага прокрутки заголовка панели> но не с <папье-заголовка панели>
У меня есть по умолчанию Polymer Starter Kit (расширенный) макет которой структура выглядит следующим образом
<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>
Но когда я пытаюсь использовать бумаги заголовка-панели вместо бумаги улиткой-заголовок-панель все iron-pages
структура исчезает. Я знаю, что это произойдет из-за разницы в CSS между бумаги свитка заголовка панели и папье-заголовка панели
P.S. Я установил и импортирован бумаги-заголовок-панель
Проблема заключается в том, я не хочу, чтобы моя панель инструментов быть высокими, а затем постепенно конденсируются при прокрутке (именно поэтому я пытаюсь заменить его папье-заголовок -панель), я хочу, чтобы он всегда был сжатым (например, в режиме шва, когда вы используете бумажный заголовок-панель, но в этом случае страницы с железом не будут работать, то есть проблема).
Вопрос заключается в том
- как сделать что бумаги прокручивать-заголовок-панель быть всегда конденсируется, а не только тогда, когда вы прокрутите вниз
- Или, если это не представляется возможным, как я заменить его только папье-заголовка панели и заставить его работать с
<iron-pages>