在以下代码中，标题颜色是透明的。向下滚动页面时，我想将其颜色更改为“ #FFF” 。请指导我如何编写相关的js代码。
另外，可以通过普通的CSS完成吗？
div {
height: 1000px;
width: 100%;
}
#home {
background-color: red;
}
header {
background-color: transparent;
color: ffffff;
height: 100px;
position: fixed;
width: 100%;
top: 0;
z-index: 100;
}<header>Top Navigation</header>
<div id="home" class="sect"></div>笔试试这个。它应该对您有帮助。您应该使用jquery或纯JavaScript来执行此操作
$(document).ready(function() {
$(window).scroll(function () {
//if you hard code, then use console
//.log to determine when you want the
//nav bar to stick.
console.log($(window).scrollTop())
if ($(window).scrollTop() > 10) {
$('header').css('background-color','#FFF');
}
if ($(window).scrollTop() < 10) {
$('header').css('background-color','transparent');
}
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句