2016-07-19 58 views
0

我的應用程序的側滾動功能無法在Android上運行,但它在瀏覽器和ios中運行正常。側滾動無法在Android上工作

我有多行,您可以選擇飲料選項。用戶滾動瀏覽選項並選擇1.如果你想要一個可視化表示來獲得更好的想法,https://cloudup.com/cOpnPk5zXnR

在瀏覽器和ios中,您可以滾動瀏覽並選擇一個,但在android中它會打開側邊菜單通過選項滾動,https://cloudup.com/cKPwT8zhtZK

這是我正在做的一個精簡的例子。

<ion-content> 
    <ion-scroll direction="x"> 
    <div class="row"> 
     <div style="min-width:35%;">hello</div> 
     <div style="min-width:35%;">this</div> 
     <div style="min-width:35%;">should</div> 
     <div style="min-width:35%;">be</div> 
     <div style="min-width:35%;">scrollable</div> 
    </div> 
    </ion-scroll> 
</ion-content> 

一個線索,我發現是,如果你申請overflow-x: hidden;到.row,它就像它在android系統一樣。也許離子是添加一些東西給離子滾動有bug的副作用,但我似乎無法找到任何東西。

Cordova CLI: 6.2.0 
Gulp version: CLI version 3.9.1 
Gulp local: Local version 3.9.1 
Ionic Framework Version: 1.2.4 
Ionic CLI Version: 2.0.0-beta.32 
Ionic App Lib Version: 2.0.0-beta.18 
ios-deploy version: 1.8.5 
ios-sim version: 5.0.7 
OS: Mac OS X El Capitan 
Node Version: v5.10.1 
Xcode version: Xcode 7.3 Build version 7D175 
+1

您是否試過將'overflow-x:scroll;'添加到'.row' – theblindprophet

+0

剛剛嘗試直接應用並具有相同的行爲。 – awwester

回答