9

Facebookの青いバーと同じように、ビューポートのナビゲーションバーを修正するためにサイトで使用position: fixedしていますが、モバイル/タブレットデバイス(処理能力が低い)で試してみると、この固定バーは非常に悪いヒットを出しますスクロール時のユーザーエクスペリエンスが非常に悪くなります。

スクロールを強化するために非常に優れた記事を使用しましたが、実際には次のようになりました。

これらの記事に基づいて多くの変更を加えた後、position: fixed強化する必要がある唯一の調査が残っているところまで到達しました。

に変更すると、サイトのスクロールが非常にスムーズになりposition: absoluteます。しかし、それを修正すると、特定の方法でスクロールするとiPadでSafariブラウザがハングする可能性があるという点で、スクロールには非常に悪い欠点があります.タブレット/モバイルデバイスで良好なパフォーマンスで使用する方法を知っていましたか?position: fixed

4

3 に答える 3

7

パフォーマンスに問題がある「タブレット/モバイル デバイス」に Webkit エンジンが搭載されている場合は、おそらくここで答えを見つけることができます:固定位置要素を使用した Chrome の低速スクロール

簡単な答え:-webkit-transform: translateZ(0);固定ブロックを追加してみてください。

于 2013-09-04T08:04:21.130 に答える
7

モバイル端末でスムーズにスクロールするために、「position: absolute」の場合も、

css属性をDivに追加するだけです

-webkit-overflow-scrolling: touch;

于 2014-06-23T15:54:52.943 に答える