如何确保离子导航从离子导航栏结束的位置开始

Question

我遇到离子导航棒覆盖了离子含量的情况。是否存在某种属性来告诉离子含量存在离子条，因此它被推到它下面。

<ion-menu [content]="content">
    <ion-toolbar>
      <ion-title>Pages</ion-title>
    </ion-toolbar>
    <ion-content>
      <ion-list>
        <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">
          {{p.title}}
        </button>
      </ion-list>
    </ion-content>
</ion-menu>

<jt-navbar>
    <jt-navbar-left>
        <jt-button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </jt-button>
        <jt-button (click)="goBack()" [hidden]="false">
            <ion-icon name="arrow-back"></ion-icon> 
        </jt-button>
    </jt-navbar-left>
    <jt-navbar-center>
        <jt-heading [level]="1">
            <jt-h1>{{pageTitle}}</jt-h1>
        </jt-heading>
    </jt-navbar-center>
    <jt-navbar-right>
        <p>{{ wishListCount }}</p>
        <jt-heart-button [count]="wishListCount" [buttonPlacement]="wishListButtonPlacement"></jt-heart-button>  
    </jt-navbar-right>
</jt-navbar>

<ion-nav id="content" [root]="rootPage" #content swipeBackEnabled="false" style="margin:80px 0px 0px 0px;"></ion-nav>

jt-navbar正在拉入离子导航栏

<ion-navbar *navbar class="jt-navbar">
    <div class="top">
        <div class="left">
            <ng-content select="jt-navbar-left"></ng-content>
        </div>
        <div class="center">
            <ng-content select="jt-navbar-center"></ng-content>
        </div>
        <div class="right">
            <ng-content select="jt-navbar-right"></ng-content>
        </div>
    </div>
    <div class="bottom">
        <ng-content select="jt-navbar-bottom"></ng-content>
    </div>
</ion-navbar>

正如您所看到的那样，通过内联样式强制“主要内容”，这并不理想。