Прокрутка инерции на <ion-select interface = "action-sheet"> для iOS

Question

При использовании интерфейса action-sheet для ion-select на Android имеется инерционная прокрутка - быстрый щелчок, и вы быстро прокручиваете до конца длинного списка. В iOS, однако, вы можете прокручивать только несколько строк за раз, что утомительно прокручивать до конца длинных списков.

Мне не хватает какого-либо параметра для включения инерционной прокрутки?

Answer 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 и либо просто добавьте эту 1 строку к .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);
}