javascript - 向下滚动时如何添加其他徽标？

我制作了一个页面，该页面具有透明的标题和白色徽标。
但是当我向下滚动时，由于白色的车身颜色，我的徽标不可见。我向下滚动时要添加黑色徽标。怎么做 ？

这是我的代码。 ：

$(window).on('scroll', function () {
if ($(this).scrollTop()) {
    $('.navbar').addClass("shrink");
    //$('.navbar-brand  img').attr('src', 'images/logo.png');
}else{
    $('.navbar').removeClass("shrink");
    //$('.navbar-brand  img').attr('src', 'images/logo.png');
}
});

但它不起作用

最佳答案

您需要添加滚动量。用此代码替换您的代码。

$(window).on('scroll', function () {
if ($(this).scrollTop() > 70) { // Set position from top
    $('.navbar').addClass("shrink");
    //$('.navbar-brand  img').attr('src', 'images/logo.png');
}else{
    $('.navbar').removeClass("shrink");
    //$('.navbar-brand  img').attr('src', 'images/logo.png');
}
});

希望它有效。谢谢 ！

关于javascript - 向下滚动时如何添加其他徽标？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44471259/