Изменить цвет панели навигации, когда раскрывающееся меню открыто

Question

У меня есть панель навигации, которая меняет цвет при прокрутке вниз, ie. он прозрачен в начале и после свитка становится синим. Я использовал следующий js код:

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

Моя цель - изменить цвет (ie. Добавить класс 'scrolled') также при открытом раскрывающемся меню.

В противном случае, если я пользуюсь мобильным телефоном и захожу на сайт. Если сайт не прокручивается, панель навигации прозрачна, как и в раскрывающемся меню, но я хочу этого избежать.

Есть ли возможность добавить в этот js код условие «добавить прокручиваемый класс» при открытом раскрывающемся меню?

Большое спасибо и простите за простой вопрос, но это первый раз, когда я имею дело с js. Manuel

Answer 1

Если у вас есть bg-light или любой класс bg - *, добавленный в вашу панель навигации, он не позволит вам явно установить цвет фона. Попробуйте удалить класс как:

Html

<nav class="navbar navbar-expand-lg navbar-light fixed-top">

Css

<style>
    .scrolled {
        background-color: blue;
        color: white;
    }
</style>

Убедитесь, что вы выбрали правильный селектор класса "Navbar фиксированной сверху"