android - phonegapアプリケーションのAndroidスクロールバー?

Question

AndroidフォンギャップモバイルWebサイトアプリケーションに問題があり、アプリケーションにスクロールバーを適用しました。PCではうまく機能していますが、Androidデバイス（携帯電話）でテストするとスクロールバーが有効になりません。

Answer 1

個人的に私はiscrollが好きではありません..それを使用するのに多くの問題があったので、別の解決策を発見しました...あなたはこれを試すことができます:

1.) DIV オーバーフローを自動 (またはスクロール) に設定し、その高さを設定します。

     <div id="wrapper" style="overflow:auto; height: 200px">...content...</div>

(私は通常、ユーザーの画面サイズに基づいて JavaScript を使用して高さを計算します。すべてのデバイスに対して固定の高さを設定することはありません。これは、この「デモ」の目的のためだけです)

2.) この JavaScript を追加します。

      <script>
function isTouchDevice(){
    try{
        document.createEvent("TouchEvent");
        return true;
    }catch(e){
        return false;
    }
}

function touchScroll(id){
    if(isTouchDevice()){ //if touch events exist...
        var el=document.getElementById(id);
        var scrollStartPos=0;

        document.getElementById(id).addEventListener("touchstart", function(event) {
            scrollStartPos=this.scrollTop+event.touches[0].pageY;
            event.preventDefault();
        },false);

        document.getElementById(id).addEventListener("touchmove", function(event) {
            this.scrollTop=scrollStartPos-event.touches[0].pageY;
            event.preventDefault();
        },false);
}
} 
</script>

3.) ページの読み込み時に呼び出します。jQuery を使用する場合:

$(document).ready(function() { 
   touchScroll("wrapper");
});

4.) スクロールバーを表示したい場合は、次の CSS ルールを定義するだけです:

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #000;
} 

Answer 2

このPhoneGapリンクを使用してください

http://phonegap.pbworks.com/w/page/22863184/Hide%20the%20scrollbar%20in%20Android

これは、垂直および水平スクロール用の Android の PhoneGap アプリケーションで機能します。

Answer 3

コードはこのように見えます

public class MyActivity は DroidGap を拡張します {

@Override
  public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);

    super.loadUrl("file:///android_asset/www/index.html");

     // Display vertical scrollbar and hide horizontal scrollBar
     super.appView.setVerticalScrollBarEnabled(true);
     super.appView.setHorizontalScrollBarEnabled(false);
    // set scrollbar style
    super.appView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
}

}