Ion-tabs select() 破坏滚动内容的页边距顶部

【问题标题】：Ion-tabs select() destroys scroll-content’s margin-topIon-tabs select() 破坏滚动内容的页边距顶部
【发布时间】：2018-04-15 21:12:08
【问题描述】：

Stackblitz Demo

标签导航有一个大问题。在我的主页上（没有标签）是简单的按钮，它们提供不同的导航参数来预先选择一个特殊的标签。

如果您看到演示并单击第二个按钮，则上部在 Header 后面。这永远不会发生在第一个选项卡上，只会发生在其他选项卡上。详细地说，它是 scroll-Content div 的 margin-top，会被删除。

也许我只是在导航方面做错了什么。

【问题讨论】：

标签： angular typescript ionic-framework ionic3

【解决方案1】：

好的，我找到了另一种更简单的方法，没有这个问题。

Tabs.html：

<ion-tabs selectedIndex="{{index}}">
   <ion-tab [root]="tabOne"></ion-tab>
   <ion-tab [root]="tabTwo"></ion-tab>
   <ion-tab [root]="tabThree"></ion-tab>
   <ion-tab [root]="tabFour"></ion-tab>
</ion-tabs>

Tabs.ts：

  ionViewWillLoad(){
     this.index=this.navParams.get("index");
  }

我这样称呼标签页：

 goToPage(index: number) {
     this.navCtrl.setRoot(TabsPage, { index });
 }

【讨论】：