ページをスクロールすると、左側に固定したナビゲーションメニューがアニメーションで隠れ、コンパクトに収納されるJavaScript(以下、js)「hidenavi.js」を作りました。 jsの動作にはjQueryが必要です。 せっかく作ったので、ブログで公開しようと思います:) 1.動作の説明とデモ2.ダウンロード3.使い方4.ご利用にあたって 1.動作の説明とデモ hidenavi.jsは、ページをスクロールすることで、ページの左側に固定したナビゲーションメニューが、にゅーっとアニメーションし、隠れます。 隠れたナビゲーションメニューの代わりに、ナビゲーションメニューの位置を示す要素が表示されます。 その要素にマウスを乗せると、隠れたナビゲーションメニューが再びアニメーションで表示されます。また、スクロール位置を一番上まで戻しても、ナビゲーションは再表示されます。 デモページを作りましたの
![スクロールで隠れるナビゲーションメニューhidenavi.jsをjQueryで作りました](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d069a6133d2866cb593b41ab70bb390af7dcd20/height=288;version=1;width=512/https%3A%2F%2Fkana-lier.com%2Fwp%2Fwp-content%2Fuploads%2Ftitle13010_4.jpg)