打开下拉菜单时更改导航栏颜色

我有一个导航栏,在向下滚动时即会更改颜色。它在开始时和滚动变为蓝色后都是透明的。我使用以下js代码:

$(function () {
  $(document).scroll(function () {
      var $nav = $(".navbar-fixed-top");
      $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
    });
});

我的目的是在下拉菜单打开时更改颜色(即添加“滚动”类)。

否则,如果我正在使用手机,并且访问了该站点。.如果该站点没有滚动,则导航栏是透明的,下拉菜单也是一样,但我想避免这种情况。

打开下拉菜单时,是否可以在此js代码中添加条件“添加类已滚动”?

非常感谢您,很抱歉提出了一个简单的问题,但这是我第一次处理js。 曼努埃尔

评论