不要工作離子滾動zoming

我正在做簡單的圖像視圖有縮放/滾動（xy）。但我無法通過使用離子滾動得到正確的結果。我很抱歉，我是離子型的新人。這是我的.js代碼部分和類。不要工作離子滾動zoming

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

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

</ion-content>

CSS

.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; 
}

有什麼不對？謝謝你的提前。此致敬禮。

來源

2016-04-11 SiYan Xie

我認爲縮放不起作用？這是因爲您沒有將overflow-scroll屬性設置爲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>

來源

2016-04-11 07:03:36

謝謝您的幫助。它爲我工作。：D –

不適合我。 Android 6.0.1，Ionic 1.3.1。來自Ionic的代碼[例子]（http://ionicframework.com/docs/api/directive/ionScroll/）with overflow-scroll =「false」' – surlac

不要工作離子滾動zoming

回答

相關問題