Vertical Fixed Navigation #2はサイドに表示される縦型ナビゲーションです。固定されているのでスクロールしても好きな場所から瞬時にアクセスできます。シンプルで見やすいうえに操作性にも優れています。
Vertical Fixed Navigation #2
以下はVertical Fixed Navigation #2の実際のデモになります。
右側に表示されたドットにホバーするとアイコンが表示されます。ドットだけではどんなメニューかわかりませんでしたが、アイコンつきのメニューなら内容も把握しやすいですね。
ホバー時のエフェクトは、右からスライド表示されるとともに、ドットが拡大しながらアイコンへと変化していきます。違和感なくスムーズな動作がとても快適です。
アイコンに切り替わることでクリックもしやすくなりますね。また、必要なときだけアイコンつきナビゲーションが表示され、それ以外はドットが表示されているだけというシンプルなデザインなので、コンテンツにも集中しやすいと思います。
縦型ナビゲーションということで、縦に長いページとの相性は抜群です。ランディングページをつくる際にも役立つのではないでしょうか。
というわけで、固定された縦型ナビゲーション「Vertical Fixed Navigation #2」のご紹介でした。
詳しい使い方やダウンロードに関しては以下のページからどうぞ。