惯性滚动在iOS的<ion-select interface =“ action-sheet”>

时间:2019-01-07 13:27:19

标签: ionic-framework ionic3

在Android上的model_main.py上使用action-sheet界面时,会出现惯性滚动-快速滑动即可快速滚动到长列表的底部。但是,在iOS上,您一次只能滚动几行,因此很难滚动到长列表的底部。

我缺少一些参数来启用惯性滚动吗?

2 个答案:

答案 0 :(得分:1)

最新版本的Ionic action-sheet在iOS上对此进行了修复,但仅在Ionic4中。 https://github.com/ionic-team/ionic/blob/master/core/src/components/action-sheet/action-sheet.scss

要在Ionic3操作表中启用惯性滚动,您需要添加:  -webkit-overflow-scrolling: touch;到组件的SCSS。

注意:如果执行npm install并覆盖Ionic src文件,则此内容将被覆盖。

在您的项目文件夹中,转到: node_modules/ionic-angular/components/action-sheet

打开action-sheet.scss,然后将那一行添加到.action-sheet-group,或将整个.action-sheet-group更改为以下内容(以匹配Ionic4版本):

.action-sheet-group {
  flex-shrink: 2;
  overscroll-behavior-y: contain;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  pointer-events: all;

  background: var(--background);
}

答案 1 :(得分:0)

将此内容包含在global.scss

.action-sheet-group {
overflow: auto !important;
}