带有透明导航栏的问题在滚动时可见

Question

我的代码有问题。一切都很完美（导航没有颜色，在我开始滚动背景后开始变色），除了当我进入网站时背景为黑色，在第一次滚动后它变得透明。如果我四处走动，除非我进入页面，否则页面工作正常。

CSS

#header1 {  
   background-color:rgba(0, 0, 0, 1);   
   width:100%;
   height:45px;
   position: fixed;
   top:0;
   left:0px;
   z-index:9100;
}

HTML

<div id="header1"></div>

JS

$(document).on('scroll', function (e) {
$('#header1').css('opacity', ($(document).scrollTop() / 500));
});

Answer 1

在CSS中将初始不透明度设置为0。

无论如何，请记住不透明度不仅适用于div，还适用于所有内容。在99％的时间里，这不是你想要的......