イオンのタブ（選択）私はタブのナビゲーションとの大きな問題を持っている

Question

Stackblitz Demo

スクロールコンテンツのマージントップを破壊します。 私のメインページ（タブなし）は、特殊なタブをあらかじめ選択するための異なるナビゲーションパラメータを提供する単純なボタンです。

デモを表示して2番目のボタンをクリックすると、上部がヘッダーの後ろに表示されます。 これは決して最初のタブには起こりません。 詳細margin-topのscroll-Content divが削除されます。

多分私はナビゲーションでsthを間違っているだけです。

Answer 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 }); 
}