如何更改 bootstrap 4 中顶部固定导航栏的颜色？

Question

大家好，我是网络开发的新手。我在 bootstrap 4 beta 中更改颜色时遇到 navbar 问题。如何在 bootstrap 4 beta 中滚动时更改固定导航栏的颜色。请考虑有关此的任何教程。

Answer 1

我不确定你到底面临什么问题，但我附上了一次点击，它会让你了解如何使用 Scroll 事件

更改滚动条上的导航栏颜色

Answer 2

我给出了一些想法，这只是一个例子，

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

   else{
    $(".black").css("background" , "#333");   
   }
  })
})

body{
  margin:0;
  padding:0;
  height:1000px;
}
.black{
  position:fixed;
  top:0;
  background:#333;
  width:100%;
  height:50px;
  
}
.black ul{
  list-style-type:none;
  padding:0;
}

.black ul li{
  display:inline-block;
  width:100px;
  color:red;
}

.blue{
  position:fixed;
  top:0;
  background:blue;
  width:100%;
  height:50px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="black">
  <ul>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
  </ul>
</div>

如何更改 bootstrap 4 中顶部固定导航栏的颜色？

How can i change color of top fixed navbar in bootsrap 4?

javascript

jquery

html

css

twitter-bootstrap-4-beta