Html Popover:ion标题内的工具栏不’；不要固执己见

我有一个带有标题和关闭按钮的府绸，应该固定在府绸的顶部。为了实现这一点，我将ion工具栏放置在ion标题标记中，这将使它保持固定在其位置（如关于工具栏的文档所述）。但是，当内容需要滚动时，工具栏的行为与内容类似，并滚动到视图之外

我的popover的模板：

<ion-header >
    <ion-toolbar position="top">
        <ion-button (click)="close()" slot="start" icon-only fill="clear">
            <ion-icon name="arrow-round-back"></ion-icon>
        </ion-button>
        <ion-title>{{TACName}}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content >
    <ion-card  *ngIf="cardTitle" >
        <ion-card-title  class="card-title">{{cardTitle}}</ion-card-title>
    </ion-card>
    <ion-card *ngIf="cardDesc" >
        <ion-card-title  class="card-desc">{{cardDesc}}</ion-card-title>
    </ion-card>
</ion-content>

{{TACName}}
{{cardTitle}}
{{cardDesc}}

有没有办法让工具栏固定在popover的顶部？

---

谢谢

这是根据您的需要工作的。

ion工具栏中的按钮

未随

ion内容

滚动

<ion-header>
    <ion-toolbar position="top">
        <ion-buttons end>
            <button ion-button color="save">
                SAVE DRAFT
            </button>
        </ion-buttons>
        <ion-icon name="settings" style="float: left" routerLink="/settings"></ion-icon>
        <ion-title>
            Home
        </ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <h3>All Category</h3>
    <li>
        <!-- {{category.categoryTitle}} -->
    </li>

    <ion-row>
        <ion-col size="4" *ngFor="let category of category_array">
            <ion-card>
                <ion-card-header>
                    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
                    <ion-card-title>Card Title</ion-card-title>
                </ion-card-header>

                <ion-card-content>
                    Keep close to Nature's heart... and break clear away, once in awhile,
                    and climb a mountain or spend a week in the woods. Wash your spirit clean.
                </ion-card-content>
            </ion-card>
        </ion-col>
    </ion-row>
</ion-content>

保存草稿
家
所有类别


卡片字幕
卡片标题
贴近大自然的心。。。时不时地离开，
爬山或者在树林里呆上一个星期。把你的灵魂洗干净。

---

这是根据您的需要工作的。

ion工具栏中的按钮

未随

ion内容

滚动

<ion-header>
    <ion-toolbar position="top">
        <ion-buttons end>
            <button ion-button color="save">
                SAVE DRAFT
            </button>
        </ion-buttons>
        <ion-icon name="settings" style="float: left" routerLink="/settings"></ion-icon>
        <ion-title>
            Home
        </ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <h3>All Category</h3>
    <li>
        <!-- {{category.categoryTitle}} -->
    </li>

    <ion-row>
        <ion-col size="4" *ngFor="let category of category_array">
            <ion-card>
                <ion-card-header>
                    <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
                    <ion-card-title>Card Title</ion-card-title>
                </ion-card-header>

                <ion-card-content>
                    Keep close to Nature's heart... and break clear away, once in awhile,
                    and climb a mountain or spend a week in the woods. Wash your spirit clean.
                </ion-card-content>
            </ion-card>
        </ion-col>
    </ion-row>
</ion-content>

保存草稿
家
所有类别


卡片字幕
卡片标题
贴近大自然的心。。。时不时地离开，
爬山或者在树林里呆上一个星期。把你的灵魂洗干净。

---

不是最好的解决方案，但可能适用于您的情况。将离子标题、离子内容和离子页脚替换为div，并设置overflow-y:scroll；添加到内容div以使其可滚动。有关更多信息，请参阅@davidkonrad的演示

---

不是最好的解决方案，但可能适用于您的情况。将离子标题、离子内容和离子页脚替换为div，并设置overflow-y:scroll；添加到内容div以使其可滚动。有关更多信息，请参阅@davidkonrad的演示

---

所以你不想让ion工具栏向右滚动？是的，我只想在

内滚动所以你不想让ion工具栏向右滚动？是的，我只想在
内滚动谢谢@Bhavik Kalariya，但当作为弹出式页面打开时，工具栏未固定，滚动整个页面谢谢@Bhavik Kalariya，但当作为弹出式页面打开时，工具栏未固定，滚动整个页面