アンカーリンク先がずれる

Question

前提・実現したいこと

外部ページへのアンカーリンクでヘッダー固定の場合、リンク先がずれます。

試したこと

こちらのページを試してみましたが、ダメでした。

何か思い当たる点がある方、
解決法を知っている方いらしたらお力添えいただけると助かります…！

Comments

[yamato_user]

実際見てみないとわからないので、Herokuにデプロイできます？

[yoshinavi]

自分で作成したコード（リンク元、リンク先）と、スクリーンショット等でどのようにズレるのかを提示してください。

[azuapricot]

「ずれます」と言われてもどういう風にずれてるのかこちらには全くわからないので
まずはコードを提示しましょう

[m.ts10806]

「思い当たる」「解決法」とはいっても質問者さんと同じ状況が再現できることが前提です。
プログラミングに関するサイトなので、百聞は一見に如かずで、どんな文章力をもってしても実際に動かしているプログラムコードに勝ることは出来ません。

Answer 1

つい最近同様の質問がありましたが参考になるでしょうか？
https://teratail.com/questions/170632

Answer 2

私も同じ問題にぶつかり、直接解決は出来ていないのですが、

smooth-scroll.js　を導入することで、とりあえず、解決できました。

https://haniwaman.com/smooth-scroll-js/
リンクべた張りですけど、参考程度にどうぞ。