simadzu https://blog.hatena.ne.jp/simadzu/ simadzu’blog https://simadzu.hatenablog.com/ はてなブログ はてなブログでサイドバーに設置した目次や広告バナーを固定して表示（スクロールに合わせて追従）させたい！ JavaScriptを使わずにCSSだけでなんとかしたい。 はてなブログでサイドバーを固定して追従させるカスタマイズ 今回はPC表示時にサイドバーを追従させるカスタマイズ方法を紹介します。 PC表示時には記事本文を読み進めると、サイドバーが表示されているエリアが途中からただのスペースになってしまい、少し寂しいですね。 サイドバーを追従させることで、… フジブロっ！ 「display:flex」と「position:sticky」を使えばいいはずなのに、なぜかCSSが効かない。どうやら、ブログ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsimadzu.hatenablog.com%2Fentry%2Fposition-sticky" title="はてなブログのサイドバーをCSSだけで固定（追従）する - simadzu’blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/simadzu/20241021/20241021152818.png Hatena Blog https://hatena.blog 2022-11-09 18:11:39 rich https://simadzu.hatenablog.com/entry/position-sticky 1.0 100%