サイドバー追尾の目次が正しく飛ばない

[maillet]

質問です。
Rich Table of Contentsで作成した目次をサイドバー追尾に貼っているのですが、
クリックした際に異なるところへ飛んでしまいます。
どうすれば治るでしょうか。

ちなみに、
ウィジェットのサイドバー追尾に、テキストで[rtoc_mokuji title="" title_display="" heading="h3" list_h2_type="" list_h3_type="" display="" frame_design="" animation=""]を貼り付けています。

以上よろしくお願いいたします。

---

マニュアル確認済み
キャッシュクリア済み
プラグイン全停止済み
WordPressのバージョン : 5.9.1
ご利用のサーバー名 : Xサーバー
PHPのバージョン :
OS : macOS Monterey
ご利用のブラウザ : クローム
該当サイトのURL : https://kagmag.com/sidechair-ume

[tsu_]

@maillet さん

こんにちは！
ショートコードの共有ありがとうございます。

目次のリンク先などは、記事本文にあるメインの目次が生成される時に決まります。
ですので、「サイドバーに設置している目次」の内容が「メインの目次」と異なるのが原因だと思われます。。
（サイドバーでは h3 までの表示にされていますので）

メインの目次と同じにすると縦に長くなってしまう為、
その場合はスクロールバーが出るようにするなどのカスタマイズが必要になりそうです。

こちらのトピックで似たような内容を扱っておりますので、
一度ご覧いただけますと幸いです！
https://jin-forum.jp/topic/3923/サイドバーの追従目次でスクロールバーが出てこない

調整などは maillet さんの方でお願いできればと思います。
お手数おかけしますが、よろしくお願いいたします！

[maillet]

tsu_さん

ありがとうございます。h３をh４に変えたところ、正しく飛ぶようになりましたが、おっしゃる通り、目次が全て表示されません。
追加CSSに
.widget_block .rtoc-mokuji{
max-height: 450px;
overflow-y: auto;
}
を追加するのは分かりましたが、
追加CSSのどこの行に貼り付ければよいのでしょうか？
追加CSSの変更の仕方がよくわかっていないのでご教授ください

[tsu_]

@maillet さん

管理画面「外観」>「カスタマイズ」の
「追加CSS」の最後に書き足す感じで大丈夫かと思います。

⠀
⠀
サイトを拝見した感じですと、おそらくリンクカードや吹き出しの調整をされていると思うので、
その後ろに書き足すイメージになります。

お手数おかけしますが、ご確認よろしくお願いいたします！

[maillet]

サイドバー追尾の目次が正しく飛ばないで@mailletが発言 :

tsu_さん

ありがとうございます。
追加してみましたが、反映されませんでした。

何か間違っているのでしょうか？

[tsu_]

@maillet さん

ウィジェットでは「テキスト」を使っていると思いますので、
クラス名が違うのかもしれません。。

.widget_text .rtoc-mokuji{
	max-height: 450px;
	overflow-y: auto;
}

こちらの環境では、同じように設定すると上記のコードで反映されました！

よろしくお願いいたします。

[maillet]

@tsu_ さん

こちらを貼り付けたらできました。
どうもありがとうございました。

[tsu_]

@maillet さん

ご報告ありがとうございます！

「450」部分の数字を変えれば、高さを変えられますので
お好みで調整いただければと思います。

引き続き、よろしくお願いいたします！
（ご確認いただければ、ご返信には及びません）