Я хочу изменить цвет текста логотипа, когда страница прокручивается вниз

Question

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

Код, приведенный здесь, является навигационным кодом при прокрутке страницы. Я хочу изменить цвет логотипа при прокрутке вниз.

var a = $(".navbar-default").offset().top; 
$(document).scroll(function() { 
    if ($(this).scrollTop() > 10) { 
    $('.navbar-default').css({ 
     "background": "#fff" 
    }); 
    } else { 
    $('.navbardefault').css({ 
     "background": "transparent" 
    }); 
    } 
}); 

Answer 1

Единственное, что я могу думать о том, что могла бы быть ваша проблема в том, что опечатка в вашем имени класса, ближе к концу (.navbardefault). Когда исправлено, я вижу, что я предполагаю, это ваше намеренное поведение.

var a = $(".navbar-default").offset().top; 
 
$(document).on('scroll', function() { 
 
    if ($(this).scrollTop() > 10) { 
 
    $('.navbar-default').css({ 
 
     "background": "#fff" 
 
    }); 
 
    } else { 
 
    $('.navbar-default').css({ 
 
     "background": "transparent" 
 
    }).removeClass('after-scroll-nav-border'); 
 
    } 
 
});

body { 
 
    background: red; 
 
    height: 600px; 
 
} 
 
.navbar-default { 
 
    position: fixed; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="navbar-default">Nav Bar</a>