如何使用jquery

Question

我可以在这里看到我想要实现的效果：http://sfcd.com/

特别是在＆＃34;作品＆＃34;部分。

我可以看到滚动会更改彩色背景div的不透明度。

我的问题是，如何用jquery实现这一目标？

我只是为每个div做这个吗？有没有办法在一个jquery函数中实现它，而不是使用这个函数3次使用不同的类选择器？这个功能是否可以达到类似于上面链接的网站的效果？

$(window).scroll(function() {
  var scrollTop = $(this).scrollTop();

  $('.home__works_bg_blue').css({
    opacity: function() {
      var elementHeight = $(this).height();
      return 1 - (elementHeight - scrollTop) / elementHeight;
    }
  });
});