aタグ リロード時の動きについて

実現したいこと

aタグ実装時のリロードで画面トップに遷移させたい

発生している問題・分からないこと

aタグの動きについて
リロードした際は、ページトップに移動するという動きを実装したいのですが、リロードした際に前回クリックしたaタグにジャンプしてしまいます。
urlがaタグによって変更された後、リロードしても切り替わらないという事が原因かと思われます。
jQueryなどでの記載が必要なのでしょうか?

調べてもよくわからなかったのでお詳しい方、必要なコードを教えていただけますと幸いです。

該当のソースコード

HTML

1下記aタグ(header.phpに書いてます) 2<nav class="header_nav" > 3 <ul class="navlist_box"> 4 <li class="nav_item navlist_menu"><a href="#menu">Menu</a></li> 5 <li class="nav_item navlist_Access"><a href="#access">Access</a></li> 6 <li class="nav_item navlist_QandA"><a href="#qanda">Q&A</a></li> 7 <li class="nav_item navlist_contact"><a href="#inquiry">Contact</a></li> 8 </ul> 9 </nav> 10 11下記aタグのリンク先()front-page.phpという別ファイルに記載しています。 12<section class="front_menu" id="menu"></section> 13<section class="front_access" id="access"></section> 14以下同様

試したこと・調べたこと

上記の詳細・結果

リロード時の動きは解説動画等は見当たりませんでした。
記事で見かけたものは実装しましたが、意図した動きはしませんでした。

補足

特になし

コメントを投稿

0 コメント