アフィンガー5

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

スポンサーリンク

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

 

アフィンガー5で目次を作成② 【目次(TOC+)】にて作成し簡単な設定をする

前回、下記①の方法で目次を作成しました。     ①【タグ】→【その他パーツ】→【目次(カスタム)】→その後詳細設定   ②【タグ】→【その他パーツ】→【目次(TOC+) ...

続きを見る

 

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

 

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

 

 

 

 

【目次】内の黄色の【見出しh2】をクリックすると下の黄色の【見出しh2】にスクロールされ、

【目次】内の水色の【見出しh3】をクリックすると下の水色の【見出しh3】にスクロールされるはず。

 

【目次】内の黄色の【見出し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】をクリックすると下の黄色の【見出しh2】にスクロールされ、

【目次】内の水色の【見出しh3】をクリックすると下の水色の【見出しh3】にスクロールされるはず。

スクロール状況は改善されるか!!

 

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

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

 

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

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

 

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

スポンサーリンク

-アフィンガー5

Copyright© 木々に水 , 2022 All Rights Reserved Powered by AFFINGER5.