如何防止 paper-toolbar 元素被压缩

Question

滚动时，纸张工具栏被压缩。我怎样才能禁用此行为？

不压缩

压缩

Answer 1

您尝试过使用 paper-header-panel 吗？ paper-header-panel 专门用于使 paper-toolbar 更容易使用，使 'toolbar' 作为固定的 header 在其余内容滚动时保持不变。

为此，

paper-header-panel 旨在与 paper-toolbar 一起使用，它应该只是用 paper-header-panel 包装您的 paper-toolbar 和滚动内容的问题:

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

如何防止 paper-toolbar 元素被压缩

How prevent paper-toolbar element from being condens

toolbar

polymer