在滚动的不同区域更改 div 不透明度

Question

我想实现如下图所示的效果：

我只是无法使用这段代码来完成这项工作。 https://jsfiddle.net/3vy66a7o/

$(window).on('scroll', function() {
  $('.object').each(function() {
   var offset = $(this).offset().top;
   var height = $(this).outerHeight();
   offset = offset + height / 2;

   if (offset < 100) {
     $(this).fadeTo("fast", 0);
   } else if ((offset > 200) && (offset < 300)) {
     $(this).css("opacity": "1");
   } else if (offset > 300) {
     $(this).fadeTo('fast', 1);
   }
 else {
   $(this).css("opacity": "0");
 }
 });
});

Answer 1

检测 window 上的元素位置并采取相应行动。

var offset = $(this).offset().top - $(window).scrollTop();

见https://jsfiddle.net/3vy66a7o/3/

这是您想要的效果吗？

在滚动的不同区域更改 div 不透明度

change divs opacity in different areas onscroll

javascript

jquery

offset