关于离子框架：离子含量里面的离子含量scroll-false不会滚动


ion-content inside ion-content scroll-false doesn't scroll

我需要在页面上有一个固定的元素，然后有一个可滚动的列表。

我在第一个离子含量内添加了一个离子含量。但是它不会滚动。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<ion-view title="Bayonne" hide-back-button="true" id="page5" style="background-color:#1B463C;">
<ion-content scroll="true" padding="false" class="has-header">
   
        <img src="img/cQzLvAwuSqCLeyZHzhBd_map.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;">
   
   
        <button id="bayonne-button1" style="border-radius:0px 0px 0px 0px;" class=" button button-assertive  button-block buttonnomargin">Lieux</button>
        Circuits
   
   <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">
                    Parc de la Poterne
                </ion-item>
                <ion-item class="item-thumbnail-left " id="bayonne-list-item11" ui-sref="rempart">
                    <img src="img/0CoPf6OkTGWKNa0SUvI1_rempart.jpg">
                    Parc de la Poterne
                </ion-item>
                <ion-item class="item-thumbnail-left item-icon-right " id="bayonne-list-item7">
                    <img src="img/St3jeK3kRVC7bY3TODRt_tour.png">
                    Ch?￠teau-Vieux
                    <i class="icon ion-android-walk">
                </ion-item>
                <ion-item class="item-thumbnail-left " id="bayonne-list-item13">
                    <img src="img/1E4YdOePR62V8ZoECOuL_cloitre.jpg">
                    Clo??tre
                </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">
                    Cath??drale
                </ion-item>
                <ion-item class="item-thumbnail-left " id="bayonne-list-item6">
                    <img src="img/n3OwTRCOTDSW1V7q2Z3R_reduit.jpg">
                    Place du R??duit
                </ion-item>
                <ion-item class="item-thumbnail-left " id="bayonne-list-item14">
                    <img src="img/qeuF4erGTQOtqvgTUOD1_escalier.jpg">
                    Escaliers
                </ion-item>
            </ion-list>

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

您不能在另一个离子含量内包含一个离子含量，这不是一个好习惯。
如果您希望内容是静态的，则可以将离子头与子头类一起使用。

1
2
3
4
5
6
7
<ion-header class="bar bar-subheader">

    <img src="img/cQzLvAwuSqCLeyZHzhBd_map.png" width="100%" height="auto" style="display: block; margin-left: auto; margin-right: auto;">


    <button id="bayonne-button1" style="border-radius:0px 0px 0px 0px;" class=" button button-assertive  button-block buttonnomargin">Lieux</button>
    Circuits

现在图像和按钮在页眉中将是静态的。
笔记：
必须在离子含量中包含has-subheader类。

1
2
3
<ion-content class="has-subheader">
     "Your content goes here"
</ion-content>
相关讨论