ここまで簡単にできると嬉しいですね! 最近のWebサイトで見かけるサイドバーが追従するコンテンツですが、単純に位置が固定になるだけでなく、縦に長いサイドバーやフッターがある場合にも適切に動作させようと思うと多少工夫が必要です。 そんなデザインのサイトを実現したいと思ったならば使ってみたいjQueryライブラリがSticky Kitになります。使い方も簡単ですぐに使いこなせるはずです。 実際、コードは下記のメソッドを呼ぶ程度です。 $("#sidebar").stick_in_parent() ね、簡単でしょ?実際の表示は次のようになります。 最初はこのように並んでいます。 サイドバーは左に残り続けたまま フッターのところで一緒に上がっていきます。 他にも中央コンテンツでも利用できます。 サイドバーが長い場合も使えます。 オプションが幾つか指定できます。 parent : 親エレメント in