jquery - Jquery航点粘性元素应在div底部触发

Question

我有一个视差滚动网站，其中有一个粘性元素，每次它到达网站的不同部分时都应该改变它的背景图像。

$("#level2").waypoint(function() {
          $("#changing_element").css("background-image","url(a.jpg)");
    });

$("#level1").waypoint(function() {
          $("#changing_element").css("background-image","url(b.jpg)");
          }, { offset: 'bottom-in-view'
    });

这适用于向下滚动，但不适用于向上滚动，航点仅在元素到达#level1 的顶部时触发。

但是当粘性#changeing_element 到达底部（向上滚动时）时需要触发它......

一个建议！

谢谢！

Answer 1

由于我无法找到正确的做法，我只是添加了另一个 div.bottomdiv。

.bottomdiv {
position: absolute;
bottom: 0;
width: 10px;
height: 10px;
}

$(".bottomdiv").waypoint(function() {
              $("#changing_element").css("background-image","url(b.jpg)");
        })

现在效果很好！