javascript - Superscrollorama - 如何为多个列表项添加动画？

Question

我有一个项目列表(博客文章)，当滚动到这些项目时，我希望淡出并从侧面滑入。但是，如果不明确选择每个项目，我无法弄清楚如何执行此操作。

使用一个类可以同时对它们进行动画处理，但我希望它仅在需要时才对每个单独的帖子执行操作。

var controller = $.superscrollorama();

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

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

有没有办法用each语句循环遍历项目，以达到这种效果？

感谢您的宝贵时间。

Answer 1

好吧，我明白了。就像使用each() 函数一样简单，如下所示:

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

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

});