ホームページ内で他のページへ移動した際に、左右に微妙にカクっとなってから表示される現象が気になる方もいると思います。 そこで今回、その現象の超簡単な解決方法についてご紹介します!
カクっと左右にずれる原因
ページ読み込み時に瞬間的に左右にずれる理由は超単純です。
ページの縦幅が長いときは画面の右側(プラウザによっては左側)にスクロールバーが出現しますよね。
ページを移動した際、移動先のページの要素をすべて読み込むには時間がかかります。
なのでページのコンテンツの縦幅が長く、ページが下まで続く場合にはプラウザがページの読み込みを終えた後に スクロールバーが表示され、その分ページ全体が左右にずれます。
これが原因で、ページの読み込み時にカクっとずれる現象が起きるのです。
縦幅が短くてスクロールバーが表示されないページから、スクロールバーの表示されるページに移動した際も 同じ現象が起きます。
これって結構気になるんですよね!もっとスムーズにページを読み込んでくれた方がカッコイイですもんね!( ´∀`)