ページ移動時(遷移時)に微妙に左右にカクッとなる現象の解決方法
ホームページ内で他のページへ移動した際に、左右に微妙にカクっとなってから表示される現象が気になる方もいると思います。 そこで今回、その現象の超簡単な解決方法についてご紹介します! カクっと左右にずれる原因 ページ読み込み時に瞬間的に左右にずれる理由は超単純です。 ページの縦幅が長いときは画面の右側(プラウザによっては左側)にスクロールバーが出現しますよね。 ページを移動した際、移動先のページの要素をすべて読み込むには時間がかかります。 なのでページのコンテンツの縦幅が長く、ページが下まで続く場合にはプラウ ...
タブごとに内容を切り替える「タブメニュー」をホームページに作成する方法
ページを切り替えることなく、同じページ内でタブごとに表示内容を変更する「タブメニュー」の作り方について、今回簡単に紹介しようと思います! ちなみにタブメニューとは↓のように、タブをクリックするとページ移動することなく、ボックスの中身のみが切り替わるというものです。 タブ1タブ2タブ3 タブ1の内容です。画像やリンクを含めることもできます。 タブ2の内容です。画像やリンクを含めることもできます。 タブ3の内容です。画像やリンクを含めることもできます。 ※ 今回の解説では、↑の実装例で示したものと同じよ ...