Javascript 更改标题的背景色并在特定点后添加徽标_Javascript_Jquery_Html_Css

Javascript 更改标题的背景色并在特定点后添加徽标

javascript jquery html css

Javascript 更改标题的背景色并在特定点后添加徽标,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在处理一个网页，需要它的背景颜色从透明变为黑色，并在达到滚动点后添加一个徽标。我是javascript新手，对此我有一些问题例如：目前我一直在改变颜色，但不知道如何同时显示图像。我尝试了多种解决方案，但都不奏效你能帮我一点忙吗 HTML: <body> <img src="pictures/placeholder1.jpg" id="first_image"> <header> <img src="pictu

我正在处理一个网页，需要它的背景颜色从透明变为黑色，并在达到滚动点后添加一个徽标。我是javascript新手，对此我有一些问题

例如：

目前我一直在改变颜色，但不知道如何同时显示图像。
我尝试了多种解决方案，但都不奏效

你能帮我一点忙吗

HTML:

<body>
    <img src="pictures/placeholder1.jpg" id="first_image">
    <header>
        <img src="pictures/logo.png">
        <nav>
            <ul>
                <li><a href="#">PROIZVODI</a></li>
                <li><a href="#">O GALERIJI</a></li>
                <li><a href="#">O NAMA</a></li>
                <li><a href="#">TIM</a></li>
                <li><a href="#">KONTAKT</a></li>
            </ul>
        </nav>
    </header>
    <main>


    </main>

Javascript（jQuery）：

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（文档）.scrollTop（）>600）{
$（“#标题”）.css（“背景色”、“黑色”）；
}否则{
$（“#标题”）.css（“背景色”、“透明”）；
}
});
});

它应该是

$（'header'）

不是

$（'header'）

@Thielicious它仍然不起作用…检查我的答案@Antonio Gvardijanit应该是

$（'header'）

不是

$（'header'）

@Thielicious它仍然不起作用…检查我的答案@Antonio Gvardijan

$(window).scroll(function() {
  if ($(this).scrollTop() > 600) {
    $("header").css("background", "black");
    $("header img").css('visibility','visible');
  } else {
    $("header").css("background", "transparent");
    $("header img").css('visibility','hidden');
  }
});