アフィンガー5で設定した目次（TOC+）のズレを修正する方法

アフィンガー5の「タグ」→「その他パーツ」→「TOC+」で目次を作成。

「見出し」の設定に合わせて目次が自動生成されることに喜んでいたのもつかの間。

テストのため、目次を選択するとなにか違和感が・・・

【目次】内の黄色の【見出しh2】をクリック　　↓　↓　↓

【目次】内の水色の【見出しh3】をクリック　　↓　↓　↓

あれ・・・・なんかズレてない？

下の黄色の【見出しh2】にスクロールされるはずが、下の黄色の【見出しh2】のちょっと下が画面の最上段にきてしまう。

下の水色の【見出しh3】にスクロールされるはずが、下の水色の【見出しh3】のちょっと下が画面の最上段にきてしまう。

アフィンガー5で設定した目次（TOC+）のズレを修正する方法　その1

■　プラグイン内にある「BJ Lazy Load」を無効化する。

「BJ Lazy Load」とは・・・表示速度を上げるためのプラグインで、手法として画面上にある画像のみ読み込み、画面外の画像を読み込まない動きをするようです。

本来ならすべての画像が読み込まれたうえで、目次が「見出し」に飛ぶところ、読み込まない部分があることでズレが生じるようですね。

早速、「BJ Lazy Load」を外してみよう。

・・・そもそもプラグインで「BJ Lazy Load」を使用していない。

他のプラグインで表示速度を上げるようなものがないかを確認しましたが、特に設置しているプラグインにそのような機能を持つものがありませんでした。

アフィンガー5で設定した目次（TOC+）のズレを修正する方法　その2

■　プラグイン「TOC+」（table　of　contents　plus）の設定を確認する。

もともと目次を自動生成するプラグインなので、スクロールされる位置についても何らかの設定ができるのでは？

いろいろ設定をして検証したところ次の設定で修正できそう。

まずは【プラグイン】→【インストール済みのプラグイン】へ

各プラグインの中から【Table　of　Contents　Plus】→「設定」をクリック

「設定」→画面下部へ移動

【スムーズ・スクロール効果を有効化】の「アンカーリンクにジャンプではなくスクロールする」にチェック✅する。

チェック後、さらに下段に下り、【設定を更新】をクリック

修正後の目次（TOC+）のズレを修正できたか（結果検証）

【目次】内の黄色の【見出しh2】をクリック　　↓　↓　↓

目次「見出しｈ2」をクリック→「見出しｈ2」が画面の最上段になるようスクロールされた。

【目次】内の水色の【見出しh3】をクリック　　↓　↓　↓

目次「見出しｈ3」をクリック→「見出しｈ3」が画面の最上段になるようスクロールされた。

これでほかの記事でも安心して目次を設定できますね。