如何防止导航跳回页面顶部[重复]

Question

在代码中的何处插入event.preventDefault()？当我在页面底部按下#toggle 时，它​​会将我带回顶部

$("#toggle").click(function(){
  if ( $("ul.nav > li").css("display") == "none")  {
    $("ul.nav > li").css("display", "block");
    $(".nav").css("background-color", "#F8C471");
    $("#toggle").css("color", "#fff");
    $(".nav").css("position", "sticky");
  } else {
    $("ul.nav > li").css("display", "none");
    $("#toggle").css("color", "#1B2631");
  }
});

Answer 1

event.preventDefault() 在这种情况下不起作用。顾名思义，它只会阻止事件的默认功能/行为。您必须调试 #toggle 使用哪个函数导致页面滚动到顶部。替换该函数或将其与该元素分离。

编辑：如果 #toggle 是 Phil 评论的 <a>，您可以将 event.preventDefault() 放置在提到的任何位置 here。