フィックスナビゲーション改良版

みなさん、お疲れ様です。

今日はハロウィンですね。まあ、だからと言って何もないんですけど。

 

今回は以前に紹介したフィックスするナビゲーションの改良版です。
ページにフィックスするスムーズスクロールのUI
矢印の向きに加えて、現在地のナビの背景色も変化します。

DEMO

 

まずはコードです。

HTMLは前回と同じなので割愛しています。ただしsec6を動かすためには7番目の要素が必要になるので、footerにsec7というIDをつけています。実際に使う場合はご注意を。
今思えば、配列使ってもよかったかも。
もっといい方法があれば教えていただけると嬉しいです。

それでは今回はこのへんで。