はてなブックマーク

※追記(2018/01/15) 新しいバージョンを作ったので今後はこちらを参考にしてください。 前バージョンを公式の目次記法に対応させたり色々改良した版です。（2017/09/10更新） やること 前回からの変更点 やり方 HTMLとJavaScript CSS 仕様 少しだけ解説 参考 やること サイドバーに目次を設置 現在位置の背景色変更 スクロールすると位置が固定（追尾）される リンクをクリックするとスムーズスクロール 目次記法使用時はリンクの内容を合わせる 目次記法をクリックした時もスムーズスクロール 前回からの変更点 目次記法に合わせて使う見出しタグをh2～h4からh3～h5に変更 リンクをクリックした時にURLを変更して履歴が残るように変更history.pushState() モジュールタイトルを入れる場所を修正 高さを計算する場所を少し改良 読み込むjQueryのバージョン

※追記(2016/12/22) ページトップへ戻るボタンを書く所を間違えてたので修正 ※追記２(2016/12/22) この記事から色々変更してるので終わったら新しく記事を書きます。（作業中） ※追記３(2016/12/29) 書きました。 またこの記事も使う見出しタグをh2～h4からh3～h5に変更しました。 はじめに やること 見出しに自動で番号をつける 記事に自動で目次をつける TOPへ戻るボタンを設置 その他見た目の変更まとめて やり方 自動見出し番号付加 見た目の変更を含む 見た目の変更を含まない 自動目次作成 TOPへ戻るボタン 蛇足 はじめに 記事の編集はMarkdownモードでh3～h5タグを見出しに使う デザインは公式テーマのEpicを使っているので、他のテーマではおかしい所があるかも スマホ版のことは考えてない 見た目に関してはそのうち変えそう やること 見出しに自動で