[jQuery] 特定の要素内だけスクロールに追随するサイドバーを作る方法

Modified 2014-04-16 更新情報 動きがもたついたり元の位置に戻らないことがあったのでコードを大幅に書き換えました。 画面をスクロールしてもついてくるサイドバーのレイアウトをよく見かけます。応用として、特定要素の中だけサイドバーを追随させたいという場合もあるかと思います。海外のサイトですが、そのパターンのチュートリアルが公開されていたので参考にさせて頂きサンプル（IE7まで動作確認済みです）を作ってみました。作成の手順とコードのメモなどです。 作ったサンプルデモ main要素内だけ追随するのがわかりやすいようヘッダーとフッターがやたら大きいです。 #main要素内だけ追随するサイドボックスのデモ｜memocarilog 作成の手順 HTML このサンプルでは#main要素内でのみ可動するようにする為、#main要素内に可動部分の#side要素を置きます。 <div id="