Почему не работает скрипт, меню не меняет цвет при скролинге?

Question

Почему не работает скрипт, меню не меняет цвет при скролинге?

Returno Мудрец (12166), на голосовании 7 лет назад

https://jsfiddle.net/0g0zs2es/29/

jQuery(document).ready(function($){
$nav = $(".mobile-menu-b ");
$window = $(window);
// Определяем координаты верха блока навигации
$h = $nav.offset().top;
$window.scroll(function(){
// Если прокрутили скролл ниже макушки блока, включаем фиксацию
if ( $window.scrollTop() > 0) {
$nav.addClass("mobile-menu");

}else{
//Иначе возвращаем всё назад
$nav.removeClass("mobile-menu");
}
});
});

Answer 1

не понял с чего оно у вас должно менять цвет? при прокрутке добавление класса mobile-menu происходит. но к этому классу ничего не привязано, никаких правил в ксс
а вот нашел класс в ксс
.mobile-menu
вы в нем задаете цвет бека а ниже у вас идет правило для .mobile-menu-b в котором перебивается бек, так как последние правила имеют приоритет. переименуйте правило .mobile-menu вот в такое
.mobile-menu-b.mobile-menu{
...
}