サイドメニューなどを一定の範囲でのみ position:fixed させる jQuery Ex Flex Fixed - Cyokodog :: Diary
更新履歴 2012-04-27 Ver 0.2.0 再実装し、もろもろ痒いとこを解消しました。詳しくは下記エントリをどうぞ。 一定範囲で position:fixed させる Ex Flex Fixed がかゆいとこだらけだったので作り直しました 2012-02-09 Ver 0.1.3.1 Firefox の場合、watchPosition パラメータ が true でスクロール状態で画面更新すると固定位置がずれる不具合を修正しました。 IE の場合、水平方向非固定処理が有効にならないケースがある不具合を修正しました。 2011-12-31 Ver 0.1.3 固定表示する要素の位置が変化するケースにも対応しました。Demo 2011-11-05 Ver 0.1.2 IEで、固定表示する要素のmarginがautoの場合、正しく処理されない不具合を修正しました 2011-10-06 Ve
スクロール途中から位置が固定されるナビゲーションを作ってみる
ある程度スクロールすると、途中から位置が固定になるコンテンツを見かけたことはありませんか？ 今回は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を使って固定する
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
