Modified 2014-04-16 更新情報 動きがもたついたり元の位置に戻らないことがあったのでコードを大幅に書き換えました。 画面をスクロールしてもついてくるサイドバーのレイアウトをよく見かけます。応用として、特定要素の中だけサイドバーを追随させたいという場合もあるかと思います。海外のサイトですが、そのパターンのチュートリアルが公開されていたので参考にさせて頂きサンプル(IE7まで動作確認済みです)を作ってみました。作成の手順とコードのメモなどです。 作ったサンプルデモ main要素内だけ追随するのがわかりやすいようヘッダーとフッターがやたら大きいです。 #main要素内だけ追随するサイドボックスのデモ|memocarilog 作成の手順 HTML このサンプルでは#main要素内でのみ可動するようにする為、#main要素内に可動部分の#side要素を置きます。 <div id="
![[jQuery] 特定の要素内だけスクロールに追随するサイドバーを作る方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/1851832e7ea59c5709c941496968f8779d6e6273/height=288;version=1;width=512/https%3A%2F%2Fmemocarilog.info%2Fwp-content%2Fuploads%2F2013%2F08%2Ficon.png)