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

Question

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

Answer 1

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

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

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

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/