Titleこのサイトはコーディング初心者〜中級者向けの情報サイトです。動作保証は行なっておりません。ご意見については、フォームからお知らせください。説サイドナビがあるページをスクロールさせる際、コンテンツの長さに応じてサイドナビを追従表示(ある位置で固定〜最後に解除)させる方法についてご紹介します。最初にjQueryは読み込んでおきましょう。demodemo1htmlの構造は以下のように作ります。上記のようにメインコンテンツとサイドナビの階層を並列にします。サイドナビについては、中身をclass=”○○○_inner”などで括ります。ページによってサイドナビの長さが異なってもOK。メインのコンテンツより、サイドナビが短い場合に、サイドナビが最後まで行ったらそこで固定される。加えて、ウィンドウよりもサイドナビが短い場合は、上に固定される。}//PC/タブレットで発動のif});まず最初にjQueryは読み込んでおいてから、上記のjavascriptを書きます。コードが長いので「side-nav.js」など別ファイルにして、headに読み込ませると良いでしょう。768px以上)で発動し、メインのコンテンツよりサイドナビが短い場合に、サイドナビが最後までスクロールしたらそこで固定される動きになります。1つ、別の動きかたについてもご紹介します。}});このスクリプトでは、発動条件は同じで、サイドナビを画面上部で固定、コンテンツが最後までスクロールする直前に解除させる動きです。どちらが良いという事はありませんので、コンテンツ、サイドナビのスクロールボリュームや、お好みに合わせて使い分けてください。