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

});