隐藏应用header polymer 2.0

Hiding application header polymer 2.0

我正在尝试隐藏应用程序 header 又名 app-header。当应用程序 header 被隐藏时,它确实遗漏了很多白色 space。 我已经定义

<app-header hidden$="{{hideme}}"slot="header">
当应用程序 header 隐藏时,div 中的其余元素不会向上移动。 请参考所附图片。白色space是因为应用程序header被隐藏了。

<app-header slot="header"> 换成:<template is="dom-if" if="{{!hideme}}"><template>

DEMO