2016-07-19 57 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

回答