Javascript 使用滚动在视差上淡出背景图像

我正在使用此视差插件向我的站点添加一些视差滚动背景图像：

现在，我希望图像在用户卷轴上淡出，类似于此网站：

我尝试过使用以下代码，但我认为由于插件的工作方式，它不会消失：

$(window).scroll(function() {
    $(".parallax-holder").css({
    'opacity' : 1-(($(this).scrollTop())/250)
    });
});

我已经在这里创建了一支钢笔，这就是我要做的：

如何让图像在用户滚动条上淡出？是否需要更改jquery的目标位置？我在页面上有一些视差图像，所以需要能够专门针对其中一个。我很高兴切换插件，如果这是问题所在

---

谢谢

试试这个，朋友：

$(window).scroll(function() {
  $(".parallax-mirror img").css({
    'opacity': 1 - (($(this).scrollTop()) / 250)
  });
});

---

实际上，您需要更改滚动函数中使用的类名

$(window).scroll(function() {
    $(".parallax-holder").css({
    'opacity' : 1-(($(this).scrollTop())/250)
    });
});

---

如果有人对此感兴趣，我将其添加到其中，以便使用以下代码只针对第一个实例：

$（window）.scroll（function（）{$（“.parallax mirror:last img”）.css（{'opacity'：1-（$（this.scrollTop（））/550）；}）由于插件的工作方式，第一个视差在dom中最后出现，因此
last