ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介するjavaScriptライブラリ「wrapScroll version 0.9.6」はブラウザのスクロールと同期するナビゲーションを実装するためのライブラリです。

実装方法は簡単です。現在配布されているjavascriptライブラリはprototype.js、mootools.js、jQueryなどのフレームワークに影響されないとのことなので、導入しやすいかと思います。動作サンプルは以下からご覧ください。

詳しくは以下

■右ナビゲーション
2カラムレイアウト　右ナビゲーションが移動
　

■3カラムレイアウト
3カラムレイアウト　サイドのナビゲーションが移動

■オーバーレイ
独立した2つのナビゲーションレイヤーの移動
　

■リレーション配置
配置オプションを利用した、移動範囲の指定方法
　

■スタート位置の変更
スタイルシートで開始位置を指定
　
　
javascriptライブラリのダウンロードは「wrapScroll JavaScript Library – youmos」から、その他リファレンスや実装の手順なども詳しく記載されています。上手く使えばインターフェイス面での問題をいくつか解決できるかと思います。

wrapScroll JavaScript Library – youmos