如何在bootsrap 4中更改頂部固定導航欄的顏色？

Question

嗨，我是網絡開發的新手。 我在改變顏色的同時在bootstrap 4 beta中遇到navbar問題。 如何在bootstrap 4 beta中滾動時更改固定導航欄的顏色。 請考慮任何關於此的教程。

Answer 1

我給出了一些想法，這只是一個例子，

 $(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> 

Answer 2

我不確定你面臨的問題是什么，但是我附加了一次點擊，這將通過使用Scroll事件讓您了解滾動更改導航欄顏色的想法

https://jsfiddle.net/we9L9h2r/