Question

我想在滚动后增加图像和顶层菜单的透明度，标题中的徽标变小。有人可以帮忙吗？这是网站网址：https://theportwebdesign.com/

Answer 1

滚动时，et-fixed-header类将附加到＃top-header。我假设一个JS脚本正在处理这个问题。

要更改不透明度，请将此行添加到CSS或修改现有行。您可能应该能够更改这是您的主题设置，如果不是您最有可能必须使用！重要，因为它看起来像您的大部分CSS直接写入屏幕。

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

前三个数字用于颜色，最后一个用于不透明度。

Answer 2

您需要将标题（div）的颜色值从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>

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

2 个答案: