2

ページ上部のパネルにビデオを表示する必要があります。ビデオは、下のスクロール イオン リストで選択されます。イオンカードを試しましたが、リストがスクロールアップします。テスト用のビデオの代わりにion-card imgを使用している場合、コードは次のようになります。CSS (position:fixed) をいじってもあまり役に立ちません。

<ion-navbar *navbar>
    <button menuToggle>
        <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Lists</ion-title>
</ion-navbar>

<ion-content>
    <ion-card>
        <div id="fixedOnTop">
            <img src="img/adam.jpg"/>
            <ion-card-content>
                <h2 class="card-title">
                    Video Panel
                </h2>
            </ion-card-content>
        </div>
    <ion-list id="belowCard">
        <button ion-item *ngFor="#item of items" (click)="itemTapped($event, item)">
            <ion-avatar item-left>
                <img src={{item.icon}}>
            </ion-avatar>
            {{item.title}}
            <div class="item-note" item-right>
                {{item.note}}
            </div>
        </button>
    </ion-list>
    <div *ngIf="selectedItem" padding>
        You navigated here from <b>{{selectedItem.title}}</b>
    </div>

</ion-card>

4

1 に答える 1

2

ionic 2 ドキュメントを読んだ後、イオンツールバーが常にイオンコンテンツ領域の上部にあることがわかりました。イオン ツールバーの最小高さは 50 セットであり、イオン CSS です。クラスを使用して、最小高さを必要なサイズにオーバーライドしました。とてもうまくいきました。ツールバー内にビデオ要素を挿入しました。

于 2016-02-15T02:22:24.207 に答える