javascript - -标签似乎不允许在模态对话框中缩放

Question

所以我遇到了一个非常奇怪的问题。虽然将所有内容设置为可滚动，并且仅使用百分比值，但我的模式对话框不允许我用手指捏合来放大。这是一个错误，还是我太愚蠢而无法让它发挥作用？

我还查看了我的index.html中的元标记，它们似乎没问题，而且我认为我的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

导致该问题的文件是模板文件夹中的“displayDetailImage.html”，我确实认为这可能是使用模态模板 View 的 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>