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>

根据文档，缩放=“true”应允许缩放该特定元素。在我的情况下，我只希望用户能够放大包含图片的div，但似乎不允许我这样做。

我的整个代码，如果这实际上是正确的，但其他东西做错了，就像元标记在这里 - ＆gt; Website ZipFile

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

Answer 1

如果你打开了jsscrolling，请尝试打开。

$ ionicConfigProvider.scrolling.jsScrolling（真）;

如果现在进行缩放，则将其更改为false，然后将overflow-scroll =“false”添加到离子滚动容器中。

即。

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

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

1 个答案: