スクロールすると上に固定されるナビゲーション

ページ途中で出てくるナビゲーションが、スクロールして画面の一番上に来ると

固定されて以降ずっとついてきます。

今回はナビゲーションで使用していますが、スクロールして要素が画面の

一番上の位置に来た時に固定されるので、サイドバーなどにも使えます。


▼以下が実際のソースサンプルです。

▼CSS

▼HTML

今回、参考にさせていただいたのは、
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery – WPC』さんです。
ありがとうございます。

デモページは、こちら