我只想在 scrollTop() > 10 时更改悬停时的字体颜色
我的 CSS
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color:#fff;
}
.navbar-default.scrolled{
background-color: #1F1F1F;
}
我想让#10d9e4 这个链接颜色在导航改变它的样式时悬停
我的JS
var a = $(".navbar-default").offset().top;
$(document).on('scroll', function() {
if ($(this).scrollTop() > 10) {
$('.navbar-default').addClass("scrolled");
} else {
$('.navbar-default').removeClass("scrolled");
}
});
最佳答案
当 .navbar-default
有类 'scrolled' 时添加悬停规则,它将重新定义默认的 #fff
颜色:
.navbar-default.scrolled .navbar-nav > li > a:hover {
color: #10d9e4;
}
关于javascript - 想要在向下滚动到顶部时更改悬停时的导航链接颜色 --jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28785847/