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'
    });

这适用于向下滚动，但不适用于向上滚动，只有当elemten到达＃level1的顶部时，航点才会触发。

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

建议！

THX！

Answer 1

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

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

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

现在工作正常！

Jquery waypoints粘性元素应该在div的底部触发

1 个答案: