はてなブログでサイドバーを固定して追従させるカスタマイズ - フジブロっ！

どうも！フジグチです！ 今回はPC表示時にサイドバーを追従させるカスタマイズ方法を紹介します。 PC表示時には記事本文を読み進めると、サイドバーが表示されているエリアが途中からただのスペースになってしまい、少し寂しいですね。 サイドバーを追従させることで、アクセスの多い注目記事を追従させブログ内の回遊率を上げたり、アフィリエイトをされている方なら、キラーコンテンツに誘導しやすくなるのではないでしょうか？ サイドバーを固定して追従させる CSSが効かない場合 overflow: hidden;が使われている カラムをfloatで組んでいる はてなブログのバグ？ まとめ サイドバーを固定して追従させる まずは動作デモをご覧下さい。 ヘッダー メイン フッター このCSSはサイドバーの最後にあるモジュールを固定するコードなので、固定表示したいモジュールを予め最下段にしておく必要があります。 メモ

[favorite_blue]

使わせていただきました。ありがたいです。(^^)