実現したいこと
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 コメント