スクロールに合わせて複数のヘッダーデザインを切り替えることができるjQueryプラグイン。
スクロールした後、ナビゲーションを上部に固定します。1ページサイト用のナビゲーションとしても使えます。
マルチデバイスで利用可能です。 ページの右下にメニューアイコンが表示され、クリックするとメニュー一覧が展開されます。
スクロールしていくと、見やすい位置にきたヘッダーのコンテンツが表示されます。現在見ている位置より上のヘッダーは固定されていき、どんな内容があったか確認ができるため、縦長ページに最適です。
HTMLに一行の記述(idなどを付与するだけ)で設置することができる軽量のスクリプトです。移動範囲を指定したり、複数の要素を対応させることもできます。
ヘッダー等のメニューを上部に固定するだけでなく、ブレイクポイントを設定することで、ページの途中から固定する内容(要素)を変更することが出来ます。