Эффект щелчка и скольжения не работает в контейнере с ионной прокруткой в ​​версии ionic 3.9.2

Question

Я новичок в IONIC мире. В настоящее время я перевожу веб-приложение с ioinc1.7.16+angularjs+javascript на последние версии, т. Е. Ionic 3.10.0+angular5+typcript. Я использую ОС Windows 8.1. Я использую Node v8.9.1, npm v5.5.1, ionic 3.20.0, cordova 8.0.0.

В моем существующем приложении ion-scroll работает отлично. Я имею в виду горизонтальную полосу прокрутки, которая не видна, но может плавно щелкать и перетаскивать контейнер влево / вправо с помощью мыши. Мой контейнер прокрутки просто содержит список только изображений.

Проблема: Но этот же горизонтальный щелчок и перетаскивание влево или вправо не работает в моем перенесенном веб-приложении, которое использует ionic 3.20.0

Я ломаю голову, чтобы все заработало с прошлой недели, но не повезло. Может кто-нибудь, пожалуйста, помогите мне решить эту проблему?

Вот мой перенесенный код:

HTML

<ion-content>
  <ion-scroll scrollX="true">
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
      <div class="inline"><img src="https://placehold.it/400x400" /></div>
  </ion-scroll>
</ion-content>

SCSS

page-home { 
     .inline{
         display: inline-block;
     }

     ion-scroll{
         white-space: nowrap; 
         height: 400px;
         width: 600px;
     } 
}

Answer 1

Ваш код выглядит нормально. скольжение по клику и перетаскиванию не работает в браузере. проверить это на устройстве. это должно работать нормально.