ページはトグルメニューの後にスクロールする

Question

私のメニューには固定クラスがあり、ボタンをクリックするとコンテナは表示されず、メニューが表示されますが、トグル効果のためにもう一度クリックするとページがトップにスクロールされますボタンがクリックされた場所と同じ場所にあるようにしたい。 menumobileactiveクラスはすべてのページをカバーしているので、絶対クラスを使ってスクロールさせるというプロパティを変更しましたが、再びコンテナが表示されると、ページの上部に表示されます。 は、コンテナは、ボタンがここ

$("button").on("click",function(){ 
    $(this).toggleClass("menu-on"); 
    $(".menumobileactive").toggleClass("visible"); 
    $(".menu").toggleClass("absolute"); 
    $(".container").toggleClass("invisible"); 
}); 

<div class="menu"> 
    <div class="menumobile"> 
     <button> 
      <span class="line line-t"></span> 
      <span class="line line-m"></span> 
      <span class="line line-b"></span> 
     </button> 
    </div> 
    <div class="menudesktop"> 
     <ul> 
      <li><a href="">Link 1</a></li> 
      <li><a href="">Link 2</a></li> 
      <li><a href="">Link 3</a></li> 
      <li><a href="">Link 4</a></li> 
      <li><a href="">Link 5</a></li> 
     </ul> 
    </div> 
</div> 

をclikedされた同じ場所でつくれ可能性がどのようにページuploded casarossa.com.mxは、でクリックされた理由は、モバイル版、上のボタンをトグルしてみてくださいですページの終わりに、それは最初のコンテナをリセットする???

Answer 1

ことは、これを試してみてください：

$("button").on("click",function(e){ 

    //prevents from scrolling to top behavior 
    e.preventDefault(); 

    $(this).toggleClass("menu-on"); 
    $(".menumobileactive").toggleClass("visible"); 
    $(".menu").toggleClass("absolute"); 
    $(".container").toggleClass("invisible"); 
}); 

Answer 2

これが原因で、この特定の行で発生します。 $(".contenido").toggleClass("hide");

あなたがモバイルビューにしているので、基本的に、あなたは本当にただ、コンテンツを非表示にする必要はありません。新しいモバイルメニュー（開いている場合）をフルスクリーンで表示し、もう一度ボタンをクリックすると非表示にします。 メインのコンテンツを隠して戻すので、自動的に上部にスクロールします。どうして？私はjQueryがこれを本当にどうやって動かしているのか分からないので、実際には説明できませんが、その行を削除すると問題が解決されます。