1

重複の可能性：
HTML内のスクロール可能なコンテンツは、Androidエミュレーターまたは電話ではスクロールされません

2つのネストされたdivがあり、スクロールバーもあります。ブラウザでは正常に動作しますが、タッチデバイスでこれを使用している間、外側のスクロールは機能しますが、内側のスクロールは機能しません。

<div id='parentscroll' style='overflow: auto;height: 100px'> 
   something
   <div id='innerscroll' style='overflow: auto;height: 50px'>
     something
   </div>
</div>

上記は私のコーディングです。内側の要素をスクロールしようとしていますが、親の要素はタッチしている間だけスクロールします。

内部のコンテンツもスクロールする方法はありますか？

4

1 に答える 1

0

Android 3.0 以降は をサポートしていますがoverflow:、3.0 未満では別の話です。iScroll のようなポリフィルである程度成功するかもしれませんが、それには代償が伴います。複雑なレイアウトのサイトに実装するのは難しく、サイトのコンテンツが変更されるたびにメソッドを呼び出す必要があります。メモリの使用も問題です。既に十分な性能を備えていないデバイスでは、これらの種類のポリフィルが原因でパフォーマンスが低下する可能性があります。

これは、携帯電話での Scrollable DIV の比較です。

これにより、最適なソリューションを見つけることができると思います。問題には iScroll またはtouchScrollを使用することをお勧めします。

于 2012-11-23T05:38:02.580 に答える