在用户滚动时更改div的不透明度
在用户滚动时更改div的不透明度
提问于 2014-04-09 17:12:04
我正在制作一个网站，我希望标题(在我的代码中命名为floatHeader )在开始时是不可见的，然后一旦开始滚动就变得可见。我已经尽了最大的努力来使用JQuery，但我没有太多的经验，所以任何建议都将不胜感激。Here是我当前拥有的代码。
$(window).scroll(function () {
if ($(window).scrollTop() > 10) {
$('.floatHeader').css("opacity", 1);
}
else{
$('.floatHeader').css("opacity", 0);
}
});回答 4
Stack Overflow用户
发布于 2014-04-09 17:15:27
您的代码运行良好。您只需在页面中包含jQuery即可。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>这是您的。
Stack Overflow用户
发布于 2014-04-09 17:15:54
您错过了任何版本的jquery的load
Working Demo
Stack Overflow用户
发布于 2014-04-09 17:19:26
您错过了在您的fiddle代码中添加jquery。因此，将jquery文件添加到您代码中的标记中，如下所示。
<script src="http://code.jquery.com/jquery-latest.js"></script>此外，如果您希望标题在开始时不可见，则在标题中设置"style:display:none;“。这将在开始时隐藏你的标题。
<div class="header" style="display:none"></div>这是更新后的fiddle。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22957880
复制相关文章
相似问题
腾讯云开发者
