javascript - Superscrollorama - 如何为多个列表项设置动画？

Question

我有一个项目列表（博客文章），当滚动到这些项目时，我想从侧面淡入并滑入。但是，如果不明确选择每个项目，我无法弄清楚如何做到这一点。

使用一个类可以简单地同时为它们设置动画，但我希望它只在需要时才对每个单独的帖子进行操作。

var controller = $.superscrollorama();

controller.addTween('.post', TweenMax.from( $('.post'), .5, { css: {opacity: 0, right:'1000px'} }));

问题是，我不能简单地对所有项目进行硬编码，因为页面是动态的，我不知道会有多少。

有没有办法通过每个语句循环项目，以达到这种效果？

谢谢你的时间。

Answer 1

好的，我想通了。就像使用 each() 函数一样简单，如下所示：

$(".post").each(function() {

    $this = $(this);
    controller.addTween( $this, TweenMax.from( $this, .5, { css: {opacity: 0, right:'1000px'} }));

});