javascript - 更改滚动徽标

我有这个网站：https://lapassion.000webhostapp.com/

我的问题是关于徽标的，它是白色的，当我向下滚动时，会出现一个白色的条，使徽标“消失”。

我在index.html上有这段代码

<div class="navbar-header">
    <a href="index.html"><img src="images/logo.png"></a>
</div>

和CSS

.navbar img {
  margin-top: 15px;
  width: 100px;
  height: 50px;
}

我需要将该img更改为我已经用黑色显示的另一个。

我需要做什么？

最佳答案

使用此CSS可以处理它

.navbar.navbar-default.navbar-fixed-top.affix .navbar-header img {
    background-color: black;
}

如果您想更改徽标，请使用代码而不是background来更改图像src。

在粘滞标题/滚动类.affix-fixed更改为.affix期间设置此CSS。因此，您可以针对自己的CSS样式，而无需更改JS。

.navbar.navbar-default.navbar-fixed-top.affix .navbar-header img {
     content: url(https://www.google.com/logos/doodles/2019/joseph-plateaus-218th-birthday-5462347081580544-s.png);
}

关于javascript - 更改滚动徽标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58368739/