【HP作成】スクロールすると途中から固定されるナビゲーション

覚え書きです。

スクロール後に固定されるナビの方法は色々あると思うのですが、今回参考にさせていただいた記事は、
色々な方法を一気に載せてくれているので、
自分の使っているタグやその他の事情により使いやすいものを選べます。

jQuery animateでスクロールするとスライドして現れる「ヘッダーバー」を実装する方法

とある案件で、リンク文字を枠の上下中央に配置する際
display: flex;
justify-content: center;
align-items: center;

を使ってしまい、
display:none;
が使えない状況がうまれました。これが結構ネックでなかなかうまく行きませんでした。
そんなとき上記サイト様の「CSSアニメーションを使った実装方法」を使わせていただいたら無事実装する事が出来ました。
本当感謝です。