解 説

縦長のページを作成するときに欲しい機能としてナビゲーションがどこまでも付いてくるものです。
簡単にできるfloater.jsのプラグインを活用した方法です。

floater.jsはこちら

floater.jsはMITライセンスですから、商用使用も可能ですし、再配布もできます。ただし、上部に書かれている「著作権表示」と「MITライセンスの全文」を記載したまま使用してください。

サンプルページ

スクリプトのオプションは以下のとおりです。
marginTop: 上の余白
marginBottom: 下の余白
wait: 0はナビが通り過ぎるまで待つ、1はナビの末端が出るとすぐに動きます
speed: アニメーションする時間
easing: イージング
fixed:trueでposition:fixedになります