Polymer 聚合物&x27;带子菜单工具栏的s core滚动标题面板

Polymer 聚合物&x27;带子菜单工具栏的s core滚动标题面板,polymer,dart-polymer,Polymer,Dart Polymer,我正在开发的应用程序由几个主要部分组成。为此,我有一个用于整个应用程序的全局工具栏和一个特定于应用程序特定部分的工具栏 以下是演示单个应用程序的视图的要点: (将要点粘贴到polymer designer中以快速查看) 我将主应用程序的工具栏作为核心滚动标题面板。子菜单位于内容中。问题是,子菜单在core scroll标题面板下滚动,我可以很容易地看到它是设计出来的,但我希望有人能给我一个提示,让我将主core scroll标题面板和工具栏都锁定在屏幕顶部。我曾尝试在该部分嵌套一个核心标题面板

我正在开发的应用程序由几个主要部分组成。为此,我有一个用于整个应用程序的全局工具栏和一个特定于应用程序特定部分的工具栏

以下是演示单个应用程序的视图的要点:

(将要点粘贴到polymer designer中以快速查看)

我将主应用程序的工具栏作为核心滚动标题面板。子菜单位于内容中。问题是,子菜单在core scroll标题面板下滚动,我可以很容易地看到它是设计出来的,但我希望有人能给我一个提示,让我将主core scroll标题面板和工具栏都锁定在屏幕顶部。我曾尝试在该部分嵌套一个核心标题面板,但效果相同

我的实际应用程序是Dart,但我很乐意得到Javascript的答案

提前感谢,


Matt

您的子菜单核心工具栏嵌套在滚动区域中(即
)。如果要保留,请将其放在滚动区域之前:

<core-toolbar id="core_toolbar" class="tall">
   ...
   <div id="div1" class="bottom indent">Title</div>
</core-toolbar>
<core-toolbar id="core_toolbar1">
   <core-icon-button icon="menu" id="core_icon_button3"></core-icon-button>
   <div id="div2" flex>Submenu Toolbar</div>
</core-toolbar>
<section id="section2" content>
   <p id="p">Hello, World</p>
   ...

...
标题
子菜单工具栏
你好,世界

...
如果希望两者都保持滚动状态:

<core-scroll-header-panel fixed>

如果只希望子菜单保持不变:

<core-scroll-header-panel>

如果希望收割台压缩并使它们都粘住:

<core-scroll-header-panel condenses keepCondensedHeader>

这里有一个链接,直接指向设计器中的要点:。向下滚动,您将看到子菜单滚动消失。我正在想办法把它放在主菜单下面。