スクロール途中から位置が固定されるナビゲーションを作ってみる

ある程度スクロールすると、途中から位置が固定になるコンテンツを見かけたことはありませんか？ 今回はjQueryを使ってそれを作ります。 デモ1 デモ2 途中から位置が固定されるナビゲーションのデモ 1 & 2 ダウンロード 今回使うHTMLはこんな感じです。 <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム（メインコンテンツ）</div> <div id="sidebar"><!-- サイドバー --> <div id="nav">ここを固定する</div> </div> </div>#mainと#sidebarはfloat: leftしています。 これの#navが表示エリア上部から20pxの位置まで来たら位置を固定したいと思います。 position: fixedを使って固定する

[kadokurarara]

実装もかんたん。

[kiriya_hazime]

メニューバー固定[CSS][web]

[checkmates]

追従広告スクリプト

[cibea]

スクロール途中から位置が固定されるナビゲーションを作ってみる | Unformed Building

[matome2chn]

スクロール途中から位置が固定されるナビゲーションを作ってみる

[Yukarigohan]

スクロール途中から位置が固定されるナビゲーション

[dekoge]

ナビ固定

[lotus_tribal]

ふぉお・・！これを探してた！いま製作中の管理画面に取り入れます！

[miyoom]

jQuery 作ってみる

[mkiiiyy]

ナビゲーションを固定

[glat_design]

主にサイドバーや特殊なレイアウトのサイトに用いるもの

[actywave]

jQuery おもしろいです〜ｗ