Эффект щелчка и скольжения не работает в контейнере с ионной прокруткой в ​​версии 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

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