みなさん、お疲れ様です。
今日はハロウィンですね。まあ、だからと言って何もないんですけど。
今回は以前に紹介したフィックスするナビゲーションの改良版です。
ページにフィックスするスムーズスクロールのUI
矢印の向きに加えて、現在地のナビの背景色も変化します。
まずはコードです。
HTMLは前回と同じなので割愛しています。ただしsec6を動かすためには7番目の要素が必要になるので、footerにsec7というIDをつけています。実際に使う場合はご注意を。
今思えば、配列使ってもよかったかも。
もっといい方法があれば教えていただけると嬉しいです。
それでは今回はこのへんで。