嗨,我是網絡開發新手。 我在改變顏色時在引導程序4測試版中遇到navbar
問題。如何在Bootstrap 4測試版中滾動時更改固定導航欄的顏色。請考慮關於此的任何教程。如何更改bootsrap 4中頂部固定導航欄的顏色?
3
A
回答
0
我給出的一些想法,只是這是一個例子,
$(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>
0
我不知道你所面對的問題究竟但我附上一個點擊,這將給你關於滾動變化導航欄顏色的想法通過使用Scroll
事件
+0
其無法正常工作在bootstrap 4測試版上,因爲它們將類navbar-fixed-top更改爲fixed-top。 –
+0
你可以做我的事情,如果我沒有錯,你可以獲取哪些類是活動當前當用戶滾動然後切換該類與不同的顏色類 –
+0
它只適用於鏈接不navbar.but現在我用jquery改變顏色滾動條上的導航欄,它的作品。 –
相關問題
- 1. Bootstrap - 更改導航欄固定頂部的顏色?
- 2. Bootsrap模板中的導航欄顏色
- 3. Bootstrap導航欄 - 如何漂浮導航欄固定頂部?
- 4. 如何更改Foundation 4中導航欄的顏色?
- 5. 更改導航欄頂部的顏色Swift
- 6. Xamarin.forms如何更改導航欄顏色
- 7. Bootstrap導航欄固定頂部查詢
- 8. 將固定頂部導航欄變爲靜態頂部導航欄的斷點
- 9. 如何更改手機中的頂部導航背景顏色
- 10. Bootstrap 4導航欄顏色
- 11. 帶顏色的固定導航欄
- 12. 頂部的固定導航欄
- 13. 改變導航欄-固定頂部導航欄靜態頂創建上述頭
- 14. 頂部導航欄固定在Firefox
- 15. Bootstrap 4固定頂部導航欄內部列
- 16. 側欄導航改爲導航欄中的頂部導航欄
- 17. 更改導航欄固定菜單欄中的背景色Bootstrap
- 18. Bootstrap 4多個固定頂部的導航欄
- 19. 在MFMailComposeViewController中更改導航欄顏色
- 20. 如何更改具有固定位置的導航欄的顏色?
- 21. 如何更改底部導航欄點擊動畫的顏色?
- 22. 如何更改導航欄和導航文本顏色的背景顏色
- 23. 如何更改Liferay 6.2中的導航欄和導航欄的顏色
- 24. 更改導航欄的顏色
- 25. 更改UIDocumentInteractionController導航欄的顏色
- 26. 更改UIActivityViewController的導航欄顏色
- 27. 更改摺疊的導航欄顏色
- 28. Swift - iOS:更改導航欄的顏色
- 29. 更改導航欄的按鈕顏色
- 30. 更改導航欄的顏色2.0.4
謝謝你的答案@ core114它適合我。 –
很高興爲您效勞, – core114