航点 - THIS 元素的触发函数，而不是其他具有相同类名的元素

Question

我试图在每次看到一个类时播放动画。我正在使用航点，网站是水平滚动的。我拥有的代码淡出班级照片。我希望它在每张照片进入视野时触发。目前，当第一张照片在视图中时，它会触发所有照片淡出。

不知道如何写它，所以一次只发生一个。

var waypoint = new Waypoint({
element: document.getElementsByClassName('photo'),
handler: function(direction) {
$(this.element).animate({"opacity":"0"}, 100);
},
context: document.getElementsByClassName('horizontal_scroll'),
horizontal: true,
offset: '50%'
});

Answer 1

在尝试了几次不同的迭代后，我得到了它：

$(".photo_wide").waypoint(function(e) {
$(this.element).animate({"opacity":"0"}, 100);
}, {
context: document.getElementsByClassName('horizontal_scroll'),
horizontal: true,
offset: "50%"
});