离子：启用插入列表中的滚动

Question

有没有办法实现在ion-list元素内滚动列表（DIV）以使其不占用整个屏幕？如下图所示：

例如，模态窗口中的列表是＆＃34;可滚动＆＃34;，但我找不到一个键来启用<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设置为＆＃34;滚动＆＃34;。 overflow-y: scroll; overflow-x: hidden;

我希望有所帮助！