jquery等待滚动完成然后执行函数

Question

当我单击导航按钮时，页面滚动到顶部，然后菜单应该打开。

目前我必须点击两次才能打开。

$("#nav-toggle").click(function() {
$("html, body").animate({ scrollTop: 0 }, 0);
 this.classList.toggle( "active" );
  $("#menu").toggleClass("open");
});

$( window ).scroll(function() {
 $( "#nav-toggle" ).removeClass("active");
 $( "#menu" ).removeClass("open");
});

jsfiddle

感谢您的帮助

Answer 1

试试这个。它会检查您是否已经位于顶部，如果是，则不会删除您需要查看菜单的类:

$("#nav-toggle").click(function() {
    $("html, body").animate({ scrollTop: 0 }, 0);
  $(this).toggleClass( "active" );
  $("#menu").toggleClass("open");
});

$( window ).scroll(function() {
    if($(window).scrollTop() == 0 || $(window).scrollTop() == $(document).height()- $(window).height()) {
   // do nothing
}
    else
  {
    // remove the classes
    $( "#nav-toggle" ).removeClass("active");
    $( "#menu" ).removeClass("open");
  }
});