Javascript 滚动页面时如何添加新徽标

我有一个脚本，可以在向下滚动页面时在导航栏中更改颜色。但是，当向下滚动时，我需要在“logo”类中更改图像

这是Jquery的脚本：

<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>

---

试试这个：

$（窗口）.on（'scroll'，function（）{
如果（$（窗口）.scrollTop（））{
$（'.default logo'）.hide（）；
$（'.dark logo'）.show（）；
}否则{
$（'.dark logo'）.hide（）；
$（'.default logo'）.show（）；
}
})

。默认徽标{
显示：无；
}
/*额外的*/
身体{
高度：3000px；
填充：30px；
}

---

试试这个：

$（窗口）.on（'scroll'，function（）{
如果（$（窗口）.scrollTop（））{
$（'.default logo'）.hide（）；
$（'.dark logo'）.show（）；
}否则{
$（'.dark logo'）.hide（）；
$（'.default logo'）.show（）；
}
})

。默认徽标{
显示：无；
}
/*额外的*/
身体{
高度：3000px；
填充：30px；
}

您的

这是一个好的开始。但是你的选择器错了

$('.logo img').attr('src', '/img/logo-dark.png');

你的

这是一个好的开始。但是你的选择器错了

$('.logo img').attr('src', '/img/logo-dark.png');

$('logo').attr('src', '/img/logo-dark.png');

$('.logo img').attr('src', '/img/logo-dark.png');