Ionic 3：离子滚动不起作用答案

【问题标题】：Ionic 3: ion-scroll doesn't workIonic 3：离子滚动不起作用
【发布时间】：2018-01-09 04:08:35
【问题描述】：

我使用的是 Ionic 版本 3.19.0。我正在尝试使用“离子滚动”来放大和滚动图像。可悲的是，这似乎不起作用，我正在使用以下代码：

SCSS 文件：

page-contact {
ion-scroll {
    white-space: nowrap;
    height: 100%;
}
}

HTML 文件：

<ion-content>
  <ion-scroll scrollX="true" scrollY="true" zoom="true">
      <img src="assets/imgs/debugMap.png" alt="Map">
  </ion-scroll>
</ion-content>

图像显示正常，但我无法缩放或滚动。我似乎无法找到为什么会这样。我的代码是错误的还是我遗漏了什么？

提前致谢！

【问题讨论】：

尝试对 ionScroll 使用固定的宽度和高度。 100vh 和 100vw..
感谢您的评论。将宽度设置为 100vw 并将高度设置为 100vh 可以让我垂直滚动，但水平滚动和缩放功能仍然不起作用。您是否碰巧知道解决此问题的方法或使用 ion-scroll 的替代方法？

标签： ionic-framework ionic3 ion-scroll

【解决方案1】：

我没有滚动的答案，但缩放不起作用是一个已知的未解决问题：https://github.com/ionic-team/ionic/issues/5701

【讨论】：