javascript - 滚动时透明导航栏出现问题

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% 的情况下，这并不是您真正想要的...