css - 以模态显示滚动

Question

我有使用 angular-bootstrap 和 ionicFramework 的应用程序。问题出在 angular-bootstrap $modal 元素中。我希望它有垂直滚动条，但在 ionic.css 中有样式：

::-webkit-scrollbar {
display: none;
}

因此，模态中没有滚动条。我尝试以多种方式解决这个问题，但现在我很困惑。

Answer 1

将您的模态 html 组件放入 ion-content

Answer 2

尝试ion-scroll在你的模态中使用组件，而不是。例子：

<ion-scroll zooming="true" direction="xy" style="width:500px;height:500px">
  <!-- Put your content here -->
</ion-scroll>

参考：http: //ionicframework.com/docs/api/directive/ionScroll/