Javascript 更改div'；用户滚动时的不透明度

我正在创建一个网站，我希望标题（在我的代码中名为floatHeader）在开始时不可见，然后在开始滚动时变为可见。我已经尽了最大努力使用JQuery，但我不是很有经验，所以任何建议都将不胜感激。 是我的当前代码

$(window).scroll(function () {
    if ($(window).scrollTop() > 10) { 
        $('.floatHeader').css("opacity", 1);
    }
    else{
        $('.floatHeader').css("opacity", 0);
    }
});

---

你的代码运行良好。您只需要将jQuery包含到页面中

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

---

这是您的

代码运行正常。您只需要将jQuery包含到页面中

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

---

这是您的

您错过的

加载
任何版本的
jquery

您错过了
加载
任何版本的
jquery

您没有在FIDLE代码中添加jquery。所以，像这样将jquery文件添加到您的codein标记中

<script src="http://code.jquery.com/jquery-latest.js"></script>



此外，如果希望标题在开始时不可见，则在标题中设置“样式：显示：无；”。这将在开始时隐藏标题

<div class="header" style="display:none"></div>



以下是更新的。您错过了在fiddle代码中添加jquery。所以，像这样将jquery文件添加到您的codein标记中

<script src="http://code.jquery.com/jquery-latest.js"></script>



此外，如果希望标题在开始时不可见，则在标题中设置“样式：显示：无；”。这将在开始时隐藏标题

<div class="header" style="display:none"></div>



这里是更新的。我建议您使用jquery插件

下面是链接：
我建议您使用jquery插件

以下是链接：
您希望在用户向下滚动时标题可见吗。。？那么用户就看不到了，因为他已经向下滚动了，对吧？对我来说没有意义..你想在用户向下滚动时看到标题。。？那么用户就看不到了，因为他已经向下滚动了，对吧？对我来说没有意义。。