2016-07-19 9 views
0

サイドスクロールがAndroidで動作しないアプリケーションに問題がありますが、ブラウザとiOSでは正常に動作します。サイドスクロールがアンドロイドで動作していません

私はあなたが飲み物のオプションを選択できる複数の行があります。ユーザーはオプションをスクロールして1を選択します。https://cloudup.com/cOpnPk5zXnR

ブラウザとiosでは、スクロールして選択することができますが、アンドロイドではサイドメニューを表示しません。オプションをスクロールして、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> 

一つの手掛かりは、あなたが.rowにoverflow-x: hidden;を適用した場合、それはアンドロイドではありませんように、それが作用することです。たぶんionicは、バグの副作用があるイオンスクロールでアンドロイドに何かを追加しているかもしれませんが、私はそれで何かを見つけることはできません。

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

答えて

3

github issueに答えを見つけました。イオンスクロール要素上にoverflow-scroll="false"を置いた。

関連する問題