想要向下滾動到頂部時更改導航鏈接的顏色--jquery

Question

當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");
   }
 });

Answer 1

當.navbar-default具有“滾動”類時，為懸停添加規則，它將重新定義默認的#fff顏色：

.navbar-default.scrolled .navbar-nav > li > a:hover {
  color: #10d9e4;
}