HTML <ul id="nav"> <li><a href="#section01">menu</a></li> <li><a href="#section02">menu</a></li> <li><a href="#section03">menu</a></li> </ul> </div> <div class="section" id="section01"> ..... </div> <div class="section" id="section02"> ..... </div> <div class="section" id="section03"> ..... </div> CSS body{ padding-top: 100px; } #nav{ position: fixed; top: 0; left: 0; width: 100%; } #nav ul{ overf
![スクロールの位置に応じてナビゲーションのカレント表示を変更](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)