滾動后更改引導導航欄品牌徽標圖像的最佳方法？
[英]Best way to change bootstrap navbar brand logo image after scrolling?
問題描述
我的設置方法是，滾動到標題部分后，該導航欄將從1頁站點的其余部分從透明變為純色。 函數中的鏈接，樣式等會發生變化，該函數會添加/刪除css類，具體取決於它是否已超過標題。
我該如何交換新徽標？ 我不知道如何更改這樣的實際元素，而不僅僅是附加CSS類。 這是一個.png文件，當導航欄更改顏色時，我想要顯示樣式不同的其他徽標。 另外，是否可以過渡徽標的更改，以免發生急劇變化？ 提前致謝。
1 個解決方案
解決方案1
1 2015-04-28 01:52:22
做到這一點的一個好方法是將2個圖像絕對定位在父div的彼此之上。 然后有一個將opacity: 1到頂部圖像的類，帶有一個transition ，並在滾動時刪除該類，使其具有opacity: 0
FireFox 31.0中的Bootstrap 3導航欄品牌徽標轉換導航鏈接
[英]Bootstrap 3 navbar-brand logo shifting navigation links in FireFox 31.0
Bootstrap 3-自定義折疊時導航欄相對於品牌/徽標的位置
[英]Bootstrap 3 - Customizing the position of navbar relative to brand/logo when collapsed
獲取Bootstrap 4 navbar-brand徽標以獨立於導航欄切換按鈕對齊
[英]Getting Bootstrap 4 navbar-brand logo to align independently of navbar-toggler button
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.