アンドロイドブラウザでスクロールバーを作成する方法

Question

オペラモバイルなどでアンドロイドブラウザでoverflow-yを使用するにはどうすればよいですか？ overflow-yスタイルのdivを作成すると、デスクトップブラウザのように動作しません。

私は、ライブラリを使用せずに垂直スクロール可能divを作成します。 いくつかの指示をしてください。

Answer 1

は2つのdivを作成し、事前に

おかげで、：外側のdivのために

<div class='parent-of-scroller'> 
    <div class='scrollable-item'> 
     ... your content ... 
    </div> 
</div> 

は、JavaScriptを使用して、そのmargin-topを管理することにより、内部のdivのスクロール位置の配置overflow:hidden制御を設定します。私は、あなたが内部のdivのスクロール位置を制御するためにタッチイベントを利用できると信じています

Answer 2

あなたの質問であなたがタグ付けしたブラウザであるOpera Mobile 12/Classicは、仕事をするoverflow: scrollまたはoverflow: autoを得るために：

要素の高さ（または幅）だけでは、要素をオーバーフローし、絶対にトップとボトム値と位置付けていない限り、それは要素を拡大するオペラモバイル12を取得するのに十分ではありません。 Opera Mobile 12では、オーバーフロー要素にスクロールバーを追加していますが、タッチジェスチャのスクロールはサポートされておらず、スクロールバーのコントロールも不安定です。 にオペラモバイルを取得する

ので

、実際には、スクロールバーを追加し、紀州の例を少し変更する必要があるのdivをオーバーフロー：

<style> 
#parent-of-scroller { 
    position: relative; 
    height: [whatever] 
} 
#scrollable-item { 
    position: absolute; 
    top: 0px; 
    bottom: 0px; 
} 
</style> 

<div class='parent-of-scroller'> 
    <div class='scrollable-item'> 
     ... your content ... 
    </div> 
</div> 

オペラ≥9.5CSSが_:-o-prefocus, body:last-child .your-selector-hereあなたを助けるかもしれないハック。 http://barrow.io/overflow-scrolling