如何防止纸质工具栏元素凝结

Question

滚动时，纸张工具栏会缩小。我该如何禁用此行为？

未压缩

冷凝

Answer 1

您是否尝试过使用纸质标题面板？ paper-header-panel专门用于使纸质工具栏易于使用“工具栏”作为固定标题，在其余内容滚动时保持不变。

paper-header-panel设计用于此目的的纸质工具栏，它应该只是用纸质标题面板包装纸质工具栏和滚动内容：

<paper-header-panel>
    <paper-toolbar> <!-- Internally, paper-header-panel will project this into a header div -->
        <div>Toolbar stuff</div>
    </paper-toolbar>
    <div>Main content stuff</div> <!-- Internally, paper-header-panel will project this into a scrolling div -->
</paper-header-panel>

Answer 2

有两个<paper-scroll-header-panel>：

• 一个用于菜单栏
• 一个内容

......我试图修改前者而不是后者。

内容面板的html标签写成如下：

<paper-scroll-header-panel main id="headerPanelMain" condenses keep-condensed-header>

唯一要做的就是删除condenses：

<paper-scroll-header-panel main id="headerPanelMain" keep-condensed-header>

编辑：

更好：

<paper-scroll-header-panel main id="headerPanelMain" fixed>