我的應用程序的側滾動功能無法在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
您是否試過將'overflow-x:scroll;'添加到'.row' – theblindprophet
剛剛嘗試直接應用並具有相同的行爲。 – awwester