jQueryプラグイン:スクロール後に指定したナビゲーション等を固定する「STICKYMOJO.JS」を試してみました。

カテゴリー:
jQuery


PHPSPOT開発日誌さんで紹介されていたjQueryプラグイン「STICKYMOJO.JS」を試してみました。
サイドに配置したナビゲーションなどのコンテンツを、ブラウザ上端までスクロールしたら固定配置に切り替えるプラグインです。

stickyMojo

head要素に以下のように記述し、

以下のような構成のhtmlレイアウトで動作するようです。

#sidebar、#footer、#mainなどのセレクタは任意のものに変えてもよいようです。

参考にさせていただいたサイト

スクロールしたときにサイドバーのパーツをjQueryで止める方法: 小粋空間

[JS]複数の指定した範囲ごとにスクロールに追従するパネルを設置するスクリプト -jQuery Stick ‘em | コリス

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です