RSSを購読する
follow us in feedly
ふかふか交易所 | ネットの情報をわかりやすくお届け!
RSSを購読する
follow us in feedly

ニュータウンシリーズ まとめ

マインクラフト関連記事 まとめ

VR関連記事 まとめ

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ下部へ

ホームページカテゴリ 新着記事

サイト内検索

過去7日間の人気記事

  • 総合
  • ゲーム
  • 動画
  • ホームページ

ホーム > ホームページカテゴリー No.11 ~ No.20 > 記事No.16

ページ移動時(遷移時)に微妙に左右にカクッとなる現象の解決方法

← 前の記事

次の記事 →

ページ遷移時の減少解決

ホームページ内で他のページへ移動した際に、左右に微妙にカクっとなってから表示される現象が気になる方もいると思います。 そこで今回、その現象の超簡単な解決方法についてご紹介します!


カクっと左右にずれる原因

ページ読み込み時に瞬間的に左右にずれる理由は超単純です。

ページの縦幅が長いときは画面の右側(プラウザによっては左側)にスクロールバーが出現しますよね。

ページを移動した際、移動先のページの要素をすべて読み込むには時間がかかります。

なのでページのコンテンツの縦幅が長く、ページが下まで続く場合にはプラウザがページの読み込みを終えた後に スクロールバーが表示され、その分ページ全体が左右にずれます。

これが原因で、ページの読み込み時にカクっとずれる現象が起きるのです。

縦幅が短くてスクロールバーが表示されないページから、スクロールバーの表示されるページに移動した際も 同じ現象が起きます。

これって結構気になるんですよね!もっとスムーズにページを読み込んでくれた方がカッコイイですもんね!( ´∀`)

解決方法

この現象の解決方法はいたって単純です

スクロールバーの有無がズレの原因ならば、全てのページで始めからスクロールバーが表示されるようにすればよいのです!

ということで、ホームページの構築に.cssファイルを使用している場合、cssに以下の行を追加してください。

または、cssファイルを使用していない場合は、全てのhtmlファイルの<head></head>内に以下の行を追加してください。


これですべてのページにスクロールバーが始めから表示され、左右にずれる現象が解消されると思います!

気になっている方は是非お試しください!


関連記事はこちら

▼ 一言コメントをどうぞ!

Comment Form is loading comments...

過去7日間の人気記事

マインクラフト関連記事 まとめ

VR関連記事 まとめ

Aviutl(動画編集)関連記事まとめ

AR関連記事 まとめ

ご意見・ご質問等は 掲示板へ!

コメントを公開されたくない場合は メッセージフォームへ!


当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ上部へ