如何防止导航返回页面顶部

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所提到的任何地方。