ブログを運営していると、テンプレートにもよりますが、記事の部分が積み重なっていってしまい。ナビゲーションが見えるのは冒頭の部分だけそんな状況になりがちです。今日紹介する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
(12)
(0)
(4)
Total: 17
