javascript - 当用户滚动时更改 div 的不透明度

标签 javascript jquery html css

我正在制作一个网站,我希望标题(在我的代码中名为 floatHeader)在开始时不可见,然后在您开始滚动时变得可见。我已尽力使用 JQuery 来做到这一点,但我不是很有经验,所以任何建议将不胜感激。 Here是我当前的代码。

$(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>

这是您的 fiddle .

关于javascript - 当用户滚动时更改 div 的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22957880/

相关文章:

javascript - 单击 div 中的嵌套按钮

html - 如何为第三个 div 类 span8 的最后一个 <p> 元素应用 CSS 更改

javascript - 我可以为 grails 对象定义一个 javascript 变量吗?

javascript - Angular Controller - 双向广播

javascript - 在 JavaScript 中创建类数组对象

javascript - 如何从 HTML 编码字符串中获取文本框的值

javascript - 如何理解 jQuery 返回的对象

jquery - 响应视差或分层垂直文本效果

html - Bootstrap 3 : how to 7 images in 12 columns

javascript - 如何使用js粘贴文本行?