Bootstrap 滚动时导航不改变颜色

p4rjhz4m 于 2022-12-08 发布在 Bootstrap

关注(0)|答案(1)|浏览(167)

我遇到了一个问题。我试着这样做，当我向下移动导航条时，它会改变颜色，但问题是当我向上移动滑块时，它会保持它改变的颜色。在这个链接中，你会发现整个代码https://jsfiddle.net/khdtc6bn/这是我的js代码

$(document).ready(function(){
    $(window).scroll(function(){
        var scroll = $(window).scrollTop();
        if (scroll > 300) {
          $(".navbar-custom").css("background" , "blue");
        }
    })
  })

我希望当我所有的时候它收回这个基本的颜色，代码中的问题在哪里？

twitter-bootstrap

来源：https://stackoverflow.com/questions/73175477/nav-not-change-color-on-scroll

1条答案

按热度按时间

cnwbcb6i1#

如果滚动小于或等于300，则需要再次更改颜色：

$(document).ready(function(){
    $(window).scroll(function(){
        var scroll = $(window).scrollTop();
        if (scroll > 300) {
          $(".navbar-custom").css("background" , "blue");
        }
        else{
          $(".navbar-custom").css("background" , "rgba(255, 255, 255, 0.37)");
        }
    })
  })

赞(0）回复(0）举报 2022-12-08

我来回答

Bootstrap 滚动时导航不改变颜色

1条答案

相关问题

热门标签

最新问答