<ion-scroll zooming=“true”>-标记似乎不允许放大模态对话框

Question

所以我遇到了一个非常奇怪的问题。虽然已经将所有内容都设置为可滚动，并且只使用百分比值，但我的模式对话框不允许我用手指按一下就能放大。这是一个bug，还是我太愚蠢了，不能让它工作？

我还查看了我的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>

​

根据文档，zooming="true“应该允许对特定元素进行缩放。在我的例子中，我只希望用户能够放大包含图片的div，但它似乎不允许我这样做。

我的整个代码，以防这实际上是正确的，但其他地方做错了，比如元标记在这里-> Website ZipFile

导致该问题的文件是templates-文件夹中的"displayDetailImage.html“，我认为这可能是使用模式模板视图的Ionic中的错误？

Answer 1

如果你打开了jsscrolling，试着打开它。

$ionicConfigProvider.scrolling.jsScrolling(true)；

如果现在缩放有效，则将其更改回false，然后将overflow-scroll="false“添加到ion-scroll容器中。

即

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