Ionic: Aktiviere Scroll in der Inset-Liste

Question

Gibt es eine Möglichkeit, das Scrollen einer Liste (ion-list) innerhalb eines DIV Elements zu erreichen, so dass es nicht den ganzen Bildschirm einnimmt? Wie unten auf dem Bild gezeigt:

Zum Beispiel Liste in einem modalen Fenster ist „scroll-able“, aber ich kann nicht einen Schlüssel zu ermöglichen Scrollen der Liste innerhalb <div class=my-inset> finden.

Liste:

<ion-content scroll="false"> 
    <div class=my-inset> 
    <ion-list> 
     <ion-item ng-repeat="item in items"> 
     Item {{ item.id }}. 
     </ion-item> 
    </ion-list> 
    </div> 
</ion-content> 

Css:

.my-inset{ 
    position: absolute; 
    top: 20px; 
    left: 15%; 
    width: 70%; 
    height: 200px; 
    overflow:hidden; 
    border: solid; 
} 

CodePen example.

Answer 1

Der einfachste Weg, ich könnte, wäre zu Ihrer CSS-Overlay Eigenschaft ändert auf Ihrer .my-Einsatz Klasse empfehlen. Um das Problem zu beheben, habe ich ein Overlay-x und ein Overlay-y anstelle eines einzelnen Overlays angewendet und das Overlay-y auf "scroll" gesetzt. overflow-y: scroll; overflow-x: hidden;

Ich hoffe, dass hilft!