ページの途中にリンクすると一瞬ページトップが表示されてしまう。

Question

AのページからBのページの途中にジャンプする際、
Bページのヘッダー部分が一瞬表示されてしまいます。

リンクの表記は以下の通りです。
<a href="example.com/hoge#link">

以上のようにすると、リンク先のヘッダーが一瞬表示されてしまいます。
ページが表示されてからページ内リンクに移動するので仕方ないかと思っていたのですが、
クライアントから一瞬のチラつきがすごく気になる、とのお話しをいただきネット上で
調べましたが解決方法が見つかりませんでした。

何か解決方法はあるでしょうか？
構築環境はwordpress4.9.5
テーマはhtml5blank
です。よろしくお願いいたします。

Comments

[m.ts10806]

「WordPress」をタグに追加してください。使用しているテーマや、該当箇所のコードをご提示ください。また、ドメインを例示する場合は.exampleなど例示用ドメインをご利用ください。(提示されているaaa.comは実在するドメインです)　http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html

[m.ts10806]

該当箇所のコードをご提示ください。CSSやjavascriptが関係している可能性もありますので、そちらも併せてご提示ください。「リンク先のヘッダーが一瞬表示されてしまいます」「一瞬のチラつきがすごく気になる」とありますが文章だけでは実際にどうなっているか分かりません。

[kingkong]

確かに、チラつきという文章だけだと分かり辛かったですね。また、こういうサイトを利用するのになれていない為、お手数をおかけしてしまいました。色々と申し訳ございません。

Answer 1

HTMLは上から順番に読まれていくので確かにそれは仕方ない部分ですよね
ページ読み込みが全て終わるまでローディング表示をしておき、

ページ読み込み終わり→該当箇所に移動→ローディングを非表示に

って流れでどうでしょう？

参考：ページ読み込み中にローディング画面を表示する

Comments

[kingkong]

こちらの回答をベースに書き換える事で望んでいた表示となりました。ありがとうございました。