javascript - ionic : Enable scroll in inset list

Question

有没有办法实现 ion-list 内的列表( DIV )的滚动？元素使其不占据整个屏幕？如下图所示:

例如，模态窗口中的列表是“可滚动的”，但我找不到启用滚动列表的键 <div class=my-inset> .

列表:

<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

我推荐的最简单方法是更改​​ .my-inset 类上的 CSS Overlay 属性。为了修复它，我应用了 overlay-x 和 overlay-y 而不是仅仅一个覆盖，并将 overlay-y 设置为“滚动”。 溢出-y:滚动； 溢出-x:隐藏；

希望对您有所帮助!