イオン含有量内のイオン含有量scroll-falseはスクロールしません。

Question

ページ上に固定要素があり、スクロール可能なリストが必要です。

私は、第1のイオン含有量の中にイオン含有量を添加した。しかし、それはスクロールしません。

<ion-view title="Bayonne" hide-back-button="true" id="page5" style="background-color:#1B463C;"> 
<ion-content scroll="true" padding="false" class="has-header"> 
    <div> 
     <img src="img/cQzLvAwuSqCLeyZHzhBd_map.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;"> 
    </div> 
    <div id="bayonne-button-bar1" class=" button-bar "> 
     <button id="bayonne-button1" style="border-radius:0px 0px 0px 0px;" class=" button button-assertive button-block buttonnomargin">Lieux</button> 
     <a ui-sref="circuits" id="bayonne-button2" style="border-radius:0px 0px 0px 0px;" class=" button button-dark button-block buttonnomargin">Circuits</a> 
    </div> 
    <ion-content id="contentInside"> 
      <ion-list id="bayonne-list2"> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item12" ui-sref="rempart"> 
        <img src="img/S6OgBxiMQdSttmcgQNFJ_old.png"> 
        <h2>Parc de la Poterne</h2> 
       </ion-item> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item11" ui-sref="rempart"> 
        <img src="img/0CoPf6OkTGWKNa0SUvI1_rempart.jpg"> 
        <h2>Parc de la Poterne</h2> 
       </ion-item> 
       <ion-item class="item-thumbnail-left item-icon-right " id="bayonne-list-item7"> 
        <img src="img/St3jeK3kRVC7bY3TODRt_tour.png"> 
        <h2>Château-Vieux</h2> 
        <i class="icon ion-android-walk"></i> 
       </ion-item> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item13"> 
        <img src="img/1E4YdOePR62V8ZoECOuL_cloitre.jpg"> 
        <h2>Cloître</h2> 
       </ion-item> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item5"> 
        <img src="img/sDFRnANETvaagk5B01nZ_bayonne_cathedrale_et_cloitre_03-05-2012___11.JPG"> 
        <h2>Cathédrale</h2> 
       </ion-item> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item6"> 
        <img src="img/n3OwTRCOTDSW1V7q2Z3R_reduit.jpg"> 
        <h2>Place du Réduit</h2> 
       </ion-item> 
       <ion-item class="item-thumbnail-left " id="bayonne-list-item14"> 
        <img src="img/qeuF4erGTQOtqvgTUOD1_escalier.jpg"> 
        <h2>Escaliers</h2> 
       </ion-item> 
      </ion-list> 

    </ion-content> 
</ion-content> 

Answer 1

あなたはそれが良い習慣ではありません別のイオンコンテンツ内のイオン含有量を持つことができません。 コンテンツを静的にしたい場合は、サブヘッダクラスでイオンヘッダを使用することができます。

<ion-header class="bar bar-subheader"> 
<div> 
    <img src="img/cQzLvAwuSqCLeyZHzhBd_map.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;"> 
</div> 
<div id="bayonne-button-bar1" class=" button-bar "> 
    <button id="bayonne-button1" style="border-radius:0px 0px 0px 0px;" class=" button button-assertive button-block buttonnomargin">Lieux</button> 
    <a ui-sref="circuits" id="bayonne-button2" style="border-radius:0px 0px 0px 0px;" class=" button button-dark button-block buttonnomargin">Circuits</a> 
</div> 

今画像とボタンがヘッダに静的であろう。 注： イオン含有量にhas-subheaderクラスを含める必要があります。

<ion-content class="has-subheader"> 
     "Your content goes here" 
</ion-content>