Ionic framework 在Ionic 4中隐藏内容滚动的标题

Ionic framework 在Ionic 4中隐藏内容滚动的标题,ionic-framework,ionic4,Ionic Framework,Ionic4,离子头是固定的,它始终位于屏幕顶部 我希望它随着页面的滚动而消失 我把它放进了离子内容物中,虽然有效,但却有意想不到的副作用。有人知道如何创建ion标题,使其不会始终固定在顶部并随页面移动吗?如何 <ion-header *ngIf="hide"> 通过按钮点击事件测试,有效:) 同样可以使用简单的CSS类进行更改,但这取决于您的需求 <ion-content [scrollEvents]="true" (ionScroll)="onScroll($event)">

离子头是固定的,它始终位于屏幕顶部

我希望它随着页面的滚动而消失

我把它放进了离子内容物中,虽然有效,但却有意想不到的副作用。有人知道如何创建ion标题,使其不会始终固定在顶部并随页面移动吗?

如何

<ion-header *ngIf="hide">
通过按钮点击事件测试,有效:)

同样可以使用简单的CSS类进行更改,但这取决于您的需求

<ion-content [scrollEvents]="true" (ionScroll)="onScroll($event)">
变量以显示/隐藏标题


此外,以下内容可能对您滚动内容有所帮助

对于这类问题,首先使用谷歌,我认为一定有一种方法可以用爱奥尼亚本身来解决。这似乎有点牵连。此外,此代码不适用于Ionic 4。他不需要永远隐藏,只有在滚动一定高度后,您才能根据滚动事件进行跟踪。例如:
隐藏不是永久性的,您可以根据需要始终将其设置为true、false或true。
<ion-content [scrollEvents]="true" (ionScroll)="onScroll($event)">
onScroll(event:any) { 
    console.log(event); 
    this.hide = !this.hide; 
}