2015-11-09 7 views
16

オフキャンバスメニューを設定するには、本文をスクロールしないようにするために本文を「オーバーフロー:非表示」に設定し、 「overflow-y:scroll」を使用します。これを行うと、モバイル向けのiOSデバイスのスクロールが遅くなるようです。オーバーフローを使用するとモバイル/ iosでスクロールが遅くなる:スクロール

本文からスクロールバーを移動する際のパフォーマンスに問題がありますか?

答えて

49

ではなく、パフォーマンスの問題、これはあなたがこれは「-webkit-オーバーフロースクロール:タッチ」を追加することによって解決することができ、あなたのiOSデバイス上で

をスクロール「勢い」を見ていない可能性があり、あなたのスクロール要素にすなわち:

.scrolling-content { 
    overflow-y: scroll; 
    -webkit-overflow-scrolling: touch; 
    height:100%; /*A value other than height:auto needs to be set*/ 
} 

デフォルトではiOSデバイスは「勢い」は、本体のスクロールが、追加使用「オーバーフロー-yと:スクロール」デフォルトで要素に「勢い」に要素を設定していないが、スクロール

https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling用を参照してください。詳細情報

注:特定のブラウザ上でのタッチ

+0

本当にありがとうございました:-webkit-オーバーフロースクロール使用してガッチャ/バグの数があります!それは役に立ちます:) – draftdraft88

+0

'// A value ...'はこの場合有効なCSSコメントではありません。/ * * /を使用しました。 (https://www.xanthir.com/b4U10)を参照してください。 –

関連する問題