2015-04-28 93 views
0

我設置它的方式是,一旦滾動瀏覽標題部分,導航欄就會從1頁面網站的其餘部分的透明轉爲純色。鏈接,樣式等改變了一個函數,添加/刪除一個CSS類,取決於它是否通過頭。滾動後更改bootstrap導航欄品牌徽標圖像的最佳方法?

我該如何去換一個新的標誌?我不知道如何改變一個實際的元素,而不是僅僅追加一個CSS類。這是一個.png文件,當導航欄更改顏色時,我想要顯示不同樣式的不同徽標。另外,是否有可能過渡標誌的變化,所以它不是一個戲劇性的跳躍?提前致謝。

+0

請提供一個鏈接或JSFilddle。 –

+0

我真的不需要代碼我只是不確定我可以使用什麼函數或方法實際更改基於滾動的徽標圖像。 – cthomas1489

+0

我做了一個navbar就像那樣,滾動後徽標發生變化,從紅色變成白色,我用JQuery做了它,非常簡單。 –

回答

1

這樣做的一個好方法是將2張圖像絕對放在母體div的彼此之上。然後有一個類,設置opacity: 1頂部的圖像,與transition,並刪除類滾動時,所以它有opacity: 0

+0

啊偷偷摸摸!我喜歡。 – cthomas1489

相關問題