滚动时禁用超级菜单面板

Question

我正在使用 Max mega menu 插件通过使用全宽布局来创建我们的超级菜单。它工作正常。 当有人将鼠标悬停在菜单选项卡上时，它将打开大型菜单面板，但是当我们在面板上并尝试向下滚动时，光标会向下，但我们仍然在该面板上。 所以我们的菜单栏面板已经占据了全宽，在这种情况下，我希望当有人在面板上悬停在菜单选项卡上并且向下滚动时，它会被禁用并且我的网站会根据光标关闭。

我们的网站链接：http://indemortgage.staging.wpengine.com/

我正在尝试以下代码：

$(document).ready(function(){
      $(window).scroll(function() { // check if scroll event happened
        if ($(document).scrollTop() > 50) { // check if user scrolled more than 50 from top of the browser window
          $(".mega-sub-menu").css("display", "none"); 
        } 

      });
    });

但是通过使用上面的代码，它只能工作一次。当我们越过另一个选项卡时，新的巨型菜单面板将不会打开。

请提出建议。 提前致谢。

Answer 1

你可以使用jQuery的show和hide和else这样的语句：

jQuery(window).scroll(function(){
if( jQuery(document).scrollTop() > 50 ) {
jQuery('.mega-sub-menu').hide();
} else {
jQuery('.mega-sub-menu').show();
}
});