Bestはてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。はてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で入力補助ツールバーから「目次」ボタンをクリックします。いう文字が入力され、この文字の位置に記事の目次が表示されます。記事の見出しが目次として表示されます。※当カスタマイズでは、jQueryを使用しています。Best」をご覧ください。本題のサイドバーに表示する方法ですが、私は、HTML要素のクローンを生成して表示する方法をとりました。サイドバーには事前に、HTMLモジュールを一番下に設置しておきます。10px;}これで、記事の目次をサイドバーに表示することができます。記事を読んでいるときに、どの目次内を読んでいるのかわかるように目次を強調表示する処理を追加しました。これは、スクロールするたびに見出しの位置を取得し、その見出しが画面トップに来た時に目次を強調表示させるものです。約100万サイト登録されているにほんブログ村にて、このブログの人気ランキングを見ることができます。プライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。