Oi gente vejam se podem me ajudar, preciso de uma função usando jquery ou um método mais simples, que mude meu logo ao rolar o scroll do mouse, no momento, eu tenho a seguinte função, que apenas altera a cor do navbar:
<script type="text/javascript">
$(window).on('scroll', function(){
if($(window).scrollTop()){
$('nav').addClass('color');
$('logo').attr('src', '/img/logo-dark.png');
}else{
$('nav').removeClass('color');
}
})
</script>
Logo abaixo tenho o html com o logo fixo nesse navbar:
<nav>
<div id="logo" class="logo">
<a href="#"><img src="img/logo-branco.png"></a>
</div>
No caso, toda vez que descesse o scroll igual na cor da navbar, mudasse o logo para o logo que está no local src="img/logo-dark.png"