所以我遇到了一个非常奇怪的问题。在将所有内容设置为可滚动以及仅使用百分比值的同时,我的模态对话框不允许我用手指捏放大。这是一个错误,还是我太愚蠢而无法使它正常工作?

我还看了一下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”应该允许缩放特定的Element。就我而言,我只希望用户能够放大包含图片的div,但似乎不允许我这样做。

我的整个代码,以防万一实际上做对了,但是其他事情做错了,例如meta标签在这里-> Website ZipFile

导致该问题的文件是模板文件夹中的“ displayDetailImage.html”,并且我确实认为这可能是使用模态模板视图在Ionic中的错误?

最佳答案

尝试启用jsscrolling。

$ ionicConfigProvider.scrolling.jsScrolling(true);

如果现在可以缩放,则将其更改回false,然后将overflow-scroll =“ false”添加到您的离子滚动容器中。



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

关于javascript - <ion-scroll zooming =“true”>-标记似乎不允许在模式对话框中进行缩放,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35163207/

10-12 00:57
查看更多