1

Opera Mobile などの Android ブラウザで、overflow-y を使用するにはどうすればよいですか? オーバーフロー スタイルの div を作成すると、デスクトップ ブラウザーのように機能しません。

だから、ライブラリを使わずに縦スクロール可能なdivを作りたい。指示をください。

前もって感謝します、

4

2 に答える 2

3

2 つの div を作成します。

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

外側の div は、javascript を使用してoverflow:hidden内部 div のスクロール位置の配置を制御するように設定します。margin-top内部divのスクロール位置を制御するためにタッチイベントを利用できると思います

于 2012-03-13T10:29:05.343 に答える
0

overflow: scroll将来の子孫のために、質問でタグ付けしたブラウザーである Opera Mobile 12/Classic には、取得または動作するために従わなければならない非常に具体的な基準がありますoverflow: auto。

要素の高さ (または幅) だけでは、Opera Mobile 12 が要素をオーバーフローさせるには不十分であり、上下の値で絶対に配置しない限り、要素が拡張されます。これは最悪ですが、絶対配置の場合、Opera Mobile 12 はオーバーフロー要素にスクロールバーを追加しますが、タッチ ジェスチャ スクロールはサポートされておらず、スクロールバー コントロールは不安定です。

したがって、Opera Mobile で実際にスクロールバーを追加して 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>

Opera ≥9.5 CSS ハック_:-o-prefocus, body:last-child .your-selector-hereが役立つかもしれません。

http://barrow.io/overflow-scrollingから

于 2014-10-30T12:18:07.133 に答える