Facebookの青いバーと同じように、ビューポートのナビゲーションバーを修正するためにサイトで使用position: fixed
していますが、モバイル/タブレットデバイス(処理能力が低い)で試してみると、この固定バーは非常に悪いヒットを出しますスクロール時のユーザーエクスペリエンスが非常に悪くなります。
スクロールを強化するために非常に優れた記事を使用しましたが、実際には次のようになりました。
- http://www.html5rocks.com/en/tutorials/speed/scrolling/
- http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/
- https://github.com/shichuan/javascript-patterns/blob/master/jquery-patterns/window-scroll-event.html
これらの記事に基づいて多くの変更を加えた後、position: fixed
強化する必要がある唯一の調査が残っているところまで到達しました。
に変更すると、サイトのスクロールが非常にスムーズになりposition: absolute
ます。しかし、それを修正すると、特定の方法でスクロールするとiPadでSafariブラウザがハングする可能性があるという点で、スクロールには非常に悪い欠点があります.タブレット/モバイルデバイスで良好なパフォーマンスで使用する方法を知っていましたか?position: fixed