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

Question

离子头是固定的，始终保持在屏幕顶部。

我希望它随着您滚动的页面一起消失。

我已经将其放入有效的离子含量中，但是它具有意想不到的副作用。有谁知道如何创建离子头，使其始终不固定在顶部并随页面一起移动？

Answer 1

怎么样

<ion-header *ngIf="hide">

捕获事件并执行

this.hide = !this.hide;

使用按钮单击事件进行了测试，并且可以::

可以使用简单CSS类更改相同的内容，但这取决于您的要求。

<ion-content [scrollEvents]="true" (ionScroll)="onScroll($event)">

在后面的onScroll功能代码中，您可以切换“隐藏”

onScroll(event:any) { 
    console.log(event); 
    this.hide = !this.hide; 
}

显示/隐藏标题的变量。

另外，以下[ionic-4-如何滚动到顶部使用离子内容滚动事件1对您如何滚动内容可能会有所帮助。