如何在向下滾動時增加徽標和導航欄的透明度？

我想在滾動之後提高圖像和頂層菜單的透明度，並且標題中的徽標變爲較小。誰能幫忙？這是網站的網址：https://theportwebdesign.com/如何在向下滾動時增加徽標和導航欄的透明度？

2017-08-07 Rohan

當您的滾動時，et-fixed-header類被附加到＃top-header。我假設一個JS腳本正在照顧這個。

要更改不透明度，請將此行添加到您的CSS或修改現有的。你應該能夠改變這是你的主題設置，如果不是你最有可能將不得不使用！重要的，因爲它看起來像你的CSS的大部分直接寫入屏幕。

.et-fixed-header#main-header{ 
    background-color: rgba(0,0,0,0.8) !important; 
}

前三個數字用於顏色，最後一個用於不透明度。

來源

2017-08-07 15:55:57

感謝您的及時回覆奧蘭多。我錯過了et-fixed-header類。再次感謝！ – Rohan

@Rohan沒問題。 –

你需要從RGB更改標題（格）的顏色值RGBA onscroll事件

<div id="logo" style='width:1024px;height:50px;'></div> 

<script> 
document.getElementById("logo").addEventListener("scroll", modifyHeader); 
function modifyHeader() 
{ 
    document.getElementById('logo').style.backgroundColor="rgba(255, 255, 255, 0.3)"; // This is RGBA color value which makes your div transparent 
} 
</script>

來源

2017-08-07 15:58:50

如何在向下滾動時增加徽標和導航欄的透明度？

回答

相關問題