<ion-scroll zooming =「true」> - 標籤似乎不允許放大模態對話框

Question

所以我遇到了一個很奇怪的問題。儘管設置了所有內容以使其可滾動，並且僅使用百分比值，但我的模式對話框不允許我用手指捏放大。這是一個錯誤，還是我太愚蠢，無法讓這個工作？

我也看了一下在我的index.html中的meta標籤，他們似乎很好，我的CSS也沒有錯。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, user-scalable=no" /> 

的模式對話框的代碼看起來是這樣的：

<div class="modal image-modal transparent" on-swipe-down="closeModal()"> 
<ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" 
      zooming="true" min-zoom="{{zoomMin}}" style="width: 100%; height: 100%" 
      delegate-handle="scrollHandle" on-scroll="updateSlideStatus()" on-release="updateSlideStatus()"> 

    <div class="image" style="background-image: url({{pictureURL}})"></div> 
</ion-scroll> 

根據文檔，縮放=「真」應該允許縮放爲特定元素。在我的情況下，我只希望用戶能夠放大包含圖片的div，但它似乎不允許我這樣做。

我的整個代碼，在此情況下，實際上是做對了，但別的東西是做錯了，像元標記是在這裏 - >Website ZipFile

導致該問題的文件是「displayDetailImage.html」在模板文件夾，我假設這可能是一個使用模態模板視圖的Ionic中的錯誤？

Answer 1

嘗試開啓jsscrolling，如果你有它。

$ ionicConfigProvider.scrolling.jsScrolling（true）;

如果縮放現在可以使用，然後將其更改回false，然後將overflow-scroll =「false」添加到離子滾動容器。

即

<ion-scroll overflow-scroll="false"> 
My content I want to zoom in 
</ion-scroll>