Waypoints -此元素的触发器函数，而不是具有相同类名的其他元素的触发器函数
Waypoints -此元素的触发器函数，而不是具有相同类名的其他元素的触发器函数
提问于 2019-08-16 00:27:43
我试着在每次有课的时候播放动画。我使用的是路点，网站是水平滚动的。我的代码淡出了班级照片。我希望它在每一张照片进入视图时触发。目前，当第一张照片出现在视图中时，它会触发所有照片淡出。
不确定如何编写它，所以一次只发生一个。
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%'
});回答 1
Stack Overflow用户
发布于 2019-08-16 02:57:48
在尝试了几次不同的迭代后，我得到了以下结果：
$(".photo_wide").waypoint(function(e) {
$(this.element).animate({"opacity":"0"}, 100);
}, {
context: document.getElementsByClassName('horizontal_scroll'),
horizontal: true,
offset: "50%"
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57512948
复制相关文章
相似问题
腾讯云开发者
