misos https://blog.hatena.ne.jp/misos/ めも https://paper.hatenadiary.jp/ javascript html コード この記事は何 作成方法 サイドバーに要素を追加 css javascript 参考文献 この記事は何 スクロールに追従する目次や広告をたまに見かけますが、同じものを実現したかったので実装方法を調べました。 このサイトの広告もスクロールしたら追従するようにしました。 ※要素のID名・cssの指定方法・要素の高さ変更はブログや使用しているテンプレートに従って適宜変更する必要があるので注意してください 作成方法 サイドバーに要素を追加 はてなブログのサイドバーに広告を貼り付ける領域を追加します。どこに追加したかによって後のcssの div.hatena-module:nth-last-child(2… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpaper.hatenadiary.jp%2Fentry%2F2021%2F06%2F17%2F200000" title="はてなブログのサイドバーにスクロールに追従するコンテンツを置く - めも" 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/m/misos/20210617/20210617124147.png Hatena Blog https://hatena.blog 2021-06-17 20:00:00 rich https://paper.hatenadiary.jp/entry/2021/06/17/200000 1.0 100%