Javascript Don';t工作离子涡旋僵尸

Javascript Don';t工作离子涡旋僵尸,javascript,css,angularjs,ionic-framework,Javascript,Css,Angularjs,Ionic Framework,我正在制作具有缩放/滚动(xy)的简单图像视图。但是我不能用离子卷轴得到正确的结果。对不起,我是爱奥尼亚的新手。 这是我的.js代码部分和类 JS 怎么了? 谢谢你提前通知我。 问候。我想变焦就是不起作用?这是因为您没有将溢出滚动属性设置为false。出于某种原因,如果不将其设置为false,则ion scroll元素将无法检测缩放 因此,您的代码如下所示: <ion-content class="bg-color detail-cont"> <ion-scroll clas

我正在制作具有缩放/滚动(xy)的简单图像视图。但是我不能用离子卷轴得到正确的结果。对不起,我是爱奥尼亚的新手。 这是我的.js代码部分和类

JS

怎么了? 谢谢你提前通知我。
问候。

我想变焦就是不起作用?这是因为您没有将
溢出滚动
属性设置为
false
。出于某种原因,如果不将其设置为false,则
ion scroll
元素将无法检测缩放

因此,您的代码如下所示:

<ion-content class="bg-color detail-cont">

<ion-scroll class="filter-image" overflow-scroll="false" zooming="true" direction="xy" min-zoom="1" locked="false" has-bouncing="true">
    <div class="my-image" style="background: url('{{ getCurPhotoURI() }}')"></div>
</ion-scroll>


对我不起作用。安卓6.0.1,爱奥尼亚1.3.1。来自爱奥尼亚的代码,带有overflow scroll=“false”
.filter-image {
    height:100% !important;
    width: 100% !important;
    background-color: black;
}
.my-image{
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center, center !important;
}
<ion-content class="bg-color detail-cont">

<ion-scroll class="filter-image" overflow-scroll="false" zooming="true" direction="xy" min-zoom="1" locked="false" has-bouncing="true">
    <div class="my-image" style="background: url('{{ getCurPhotoURI() }}')"></div>
</ion-scroll>