滚动时透明导航栏变为可见的问题

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%的情况...