Angular Ionic 4/5-防止iOS键盘向上推送内容

我一直在开发一款用Ionic包装的经典Angular应用程序，但在构建应用程序后出现了一些问题

在我的一个屏幕上，我有一个粘粘的搜索栏，每次我点击它都会触发键盘。不幸的是，键盘把所有东西都往上推了。到目前为止，我试着使用Ionic键盘插件，它的滚动功能是禁用的，但什么都没有，当键盘弹出时，应用程序仍然会向上滚动

我的代码：
bonus-searchbar.component.html

<div class="sticky-searchbar" *ngIf="isSticky" [@enterAnimation] [ngClass]="{'tag-radius': isTag}">
  <mat-form-field class="search-input" appearance="none" hideRequiredMarker>
    <img class="search-icon" [src]="isMobile ? 'assets/icons/search.svg ': 'assets/icons/white_search.svg'">
    <input (keyup.enter)="bonusSearch(search)" (keyup)="searchBonus()" placeholder="Rechercher" class="searchbar-input"
      [(ngModel)]="search" name="searchbar" required matInput type="text" #searchBar (focus)="toto()">
    <div class="focus-border"></div>
  </mat-form-field>
</div>

我的第一个控制台日志被触发，
第二个日志总是返回false，即使在显示虚拟键盘时，最后调用My disableScroll（）时也是如此。它可以工作并禁用滚动，但不会禁用键盘创建的内容的初始推送

有什么想法吗

  toto() {
    this.keyboard.onKeyboardWillShow()
    .subscribe((data) => {
      console.log('keyboard will shown');
      console.log(this.keyboard.isVisible);
      this.keyboard.disableScroll(true);
    });
  }