特定位置までスクロールすると、要素が追従してくる処理を実装してみます。 サンプルコード ヘッダーの下に配置したナビゲーションを、スクロール時は上部に追従するようにしてみます。 HTML .navを追従します。 <div id="page"> <header class="header"> ヘッダー </header> <div class="nav-wrapper"> <div class="nav"> ナビゲーション </div> </div> <div class="contents"> <p>メインコンテンツ</p> </div> </div> CSS 追従時は.is-fixedを付与して、position: fixed;が適用されるようにします。 .is-fixedが付与されたときに.navの高さ分ずれてしまうのを防ぐために、.navを.nav-wrapperで括って高さ分の領域を