Javascript 当页面向下滚动时，如何使背景变得不那么不透明？

我是JQuery新手，我能做的就是在单击某个东西和下面将要看到的JQuery时使div淡入淡出。不管怎么说，我只是想知道是否有人能帮我在屏幕向下滚动时减少背景的不透明性。到目前为止，我已经设法使它这样，当屏幕是50像素或更低，然后背景出现，但我想能够使它慢慢变得不那么不透明（慢慢出现）。谢谢你的帮助！：P

人们说有一个问题和我的一样，相似但不一样，原因如下：

我需要css选择器“rgba（0,0,0,0.0）”，最后一个值需要慢慢增加，并在页面向下滚动时变为1（这里的示例：“rgba（0,0,0,1”）。这与不透明度无关

JQuery:

$(document).ready(function() {

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 100) {
    $(".top-nav-container").css({"background-color": "rgba(0, 0, 0, 0.1"});
  } else {
    $(".top-nav-container").css({"background-color": "rgba(0, 0, 0, 0.0"});
  }
  });
});

---

根据滚动顶部高度和窗口高度的商计算不透明度：

$(document).scroll(function() {

    var wh = $(window).height();
    var y = $(this).scrollTop();

    var thisOpacity = 1 - (y / wh);    

    $(".top-nav-container").css({"background-color": "rgba(0, 0, 0, " + thisOpacity + ")"});

});

---

根据滚动顶部高度和窗口高度的商计算不透明度：

$(document).scroll(function() {

    var wh = $(window).height();
    var y = $(this).scrollTop();

    var thisOpacity = 1 - (y / wh);    

    $(".top-nav-container").css({"background-color": "rgba(0, 0, 0, " + thisOpacity + ")"});

});

---

您可以使用带有延迟时间的淡入方法

 $(".top-nav-container").fadeIn(1000);

---

您可以使用带有延迟时间的淡入方法

 $(".top-nav-container").fadeIn(1000);

---

可能重复阅读我的代码这可能是不同的，可能是相同的问题，但Jquery代码是完全不同的。但它应该给你一个如何解决它的想法，对不起，它没有。那个人正在使用偏移量，我不想使用偏移量，因为我听说它会使你的网站失去响应没有人使用偏移量，但不管怎样阅读我的代码可能是不同的，可能是同一个问题，但Jquery代码完全不同。但它应该给你一个如何解决它的想法，对不起，伙计，它没有。那个人正在使用偏移量，我不想使用偏移量，因为我听说它会使你的网站失去响应没有人使用偏移量，但是什么都没有谢谢你的时间，但我不能使用不透明度，因为这将永远不会影响上面的文本。有没有办法我可以在css选择器“rgba（0，0，0，0.0）”的最后一个值中添加多个sof 0.01？嗯，它似乎不起作用，最后一个“没有合作伙伴，如果这样做有意义的话：/谢谢你的时间，但我不能使用不透明，因为这将永远无法使上面的文本不受影响。有没有办法，我可以在css选择器“rgba（0，0，0，0.0）”的最后一个值中添加多个sof 0.01？嗯，它似乎不起作用，最后一个“没有合作伙伴，如果这有意义的话：/I我看到你从哪里来，但我的整个div将消失，并在哪里重新出现，因为我只是在寻找受影响的背景：PI看到你从哪里来，但我的整个div将消失，并在哪里重新出现，因为我只是在寻找受影响的背景：P