![](/img/trans.png)
[英]My nav bar color doesn't want to change with my jquery when I scroll?
[英]want to change nav links color on hover when scroll down to top --jquery
当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
具有“滚动”类时,为悬停添加规则,它将重新定义默认的#fff
颜色:
.navbar-default.scrolled .navbar-nav > li > a:hover {
color: #10d9e4;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.