2017-07-11 3 views
0

初めてIonicを使用しています。 ionic2-starter-tutorialイオニックページオーバーフローなしスクロール

私は大きな問題に直面しています。ページにあまりにも多くのコンテンツを追加すると(例:item-details.html)、ページがオーバーフローしてスクロールできなくなります。 <ion-scroll scrollY="true"></ion-scroll>from the docの中のすべてを囲むようにしてみました。どのようなアイデアが起こっている?

<ion-header> 
    <ion-navbar> 
    <button menuToggle *ngIf="!selectedItem"> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>{{selectedItem}}</ion-title> 
    </ion-navbar> 
</ion-header> 



<ion-slides pager> 

    <ion-slide> 
    <!-- Lot of contents --> 
    </ion-slide> 

    <ion-slide> 
    <!-- Lot of contents --> 
    </ion-slide> 

    <ion-slide> 
    <!-- Lot of contents --> 
    </ion-slide> 

</ion-slides> 

私は窓の高さに応じて表示することができ、すべてのページのコンテンツだけでなく、コンテンツを見るために上から下にfomrスクロールできるようにしたいと思います。

おかげ

答えて

1

は私がofficial GitHub repoから解決策を見つけました。

問題は、動的要素がスライドに追加されているためです。スライドの高さを無効にすると、そのトリックが行われました:

ion-slides { 
    height: auto; 
} 
関連する問題