前提・実現したいこと
初心者です。
ハンバーガーメニューのなかのいずれかのメニューを押してページ内の押した場所に飛びたい。そしてメニューは非表示に。
.navigation_itemの href=""だとメニューをクリックしたときに表示は消えてくれるが選択した場所へは移動してくれません。
href="#skills"などにするとメニューをクリックしても表示すら消えてくれません。
理想は選択したメニューの場所にきちんと飛んでくれて、かつメニューも非表示になってくれることです。
どうすればいいでしょうか。
よろしくお願いします。
発生している問題・エラーメッセージ
メニューの画面が表示されたまま
該当のソースコード
html
1<div class="hamburger" href="#" onclick="return false;"> 2 <span></span> 3 <span></span> 4 <span></span> 5 </div> 6 7 <div id="navigation"> 8 <div class="navigation_inner"> 9 <ul class="navigation_menu"> 10 <li class="navigation_item"><a href="">SKILLS</a></li> 11 <li class="navigation_item"><a href="">WORKS</a></li> 12 <li class="navigation_item"><a href="">CONTACT</a></li> 13 14 </ul> 15 </div> 16 </div>
js
1jQuery('.hamburger').on('click', function(){ 2 jQuery(this).toggleClass("active"); 3 jQuery('#navigation').fadeToggle(600); 4}); 5
試したこと
SKILLS,WORKS,CONTACTのそれぞれ、
href="" の部分をhref="#skills"などにしてみたができませんでした。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。