如何在向下滚动时增加徽标和导航栏的透明度？

我想在滚动之后提高图像和顶层菜单的透明度，并且标题中的徽标变为较小。谁能帮忙？这是网站的网址：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

如何在向下滚动时增加徽标和导航栏的透明度？

回答

相关问题