Question

我希望离子头具有固定位置。当键盘出现时，它也会向上滚动显示iOS中的其余部分。当屏幕的其他部分向上滚动时，如何使离子头保持粘在顶部？

  <ion-header no-border>
      <button class="left-button" (click)="delete()" >
           Delete
      </button>
      <button class="right-button" (click)="save()" >
           Save
      </button>
  </ion-header>
  <ion-content id="home" class="background-Image" no-bounce>
   <form [formGroup]="signup" novalidate>
    <!-- User email -->
    <div class="label">Wnat is your email?</div>
    <div class="row">
       <input class="input" autocorrect="off" type="email" placeholder=""  formControlName="email" (input)="onEmailChange()" (blur)="onEmailSubmitted()" (keyup.enter)="hideKeyboard()">
       <div class="validation-image">
           <img [src]=validationImageEmail [hidden]=!validationImageEmail />
       </div>  
    </div>
    <hr class="underline">    
  </form>  
 </ion-content>

Answer 1

我认为情况是你的标题缺少导航栏或工具栏。根据我的经验，两者都有sabe结果，但正如documentation所说：

工具栏是位于内容上方或下方的通用栏。与Navbar不同，工具栏可用作子标题。当工具栏放置在离子头或离子脚中时，工具栏会保持固定在各自的位置。当放置在离子内容中时，工具栏将滚动内容。

所以更新你的代码：

<ion-header no-border>
  <ion-toolbar>
    <button class="left-button" (click)="delete()" >
      Delete
    </button>
    <button class="right-button" (click)="save()" >
      Save
    </button>
  </ion-toolbar>
</ion-header>

希望这有帮助。

如何在离子2,3中使离子头不可移动？

1 个答案: