<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>