Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 超级动画-如何设置多个列表项的动画?_Javascript_Jquery_Jquery Plugins_Superscrollorama - Fatal编程技术网

Javascript 超级动画-如何设置多个列表项的动画?

Javascript 超级动画-如何设置多个列表项的动画?,javascript,jquery,jquery-plugins,superscrollorama,Javascript,Jquery,Jquery Plugins,Superscrollorama,我有一个项目列表(博客文章),我想淡入淡出和幻灯片从侧面,当滚动到。但是,如果不明确地选择每个项目,我就无法解决如何做到这一点 使用一个类只是同时对所有的帖子进行动画制作,但是我希望它只在需要的时候对每个帖子进行操作 var controller = $.superscrollorama(); controller.addTween('.post', TweenMax.from( $('.post'), .5, { css: {opacity: 0, right:'1000px'} }));

我有一个项目列表(博客文章),我想淡入淡出和幻灯片从侧面,当滚动到。但是,如果不明确地选择每个项目,我就无法解决如何做到这一点

使用一个类只是同时对所有的帖子进行动画制作,但是我希望它只在需要的时候对每个帖子进行操作

var controller = $.superscrollorama();

controller.addTween('.post', TweenMax.from( $('.post'), .5, { css: {opacity: 0, right:'1000px'} }));
问题是,我不能简单地硬编码所有项目,因为页面是动态的,我不知道会有多少

有没有一种方法可以使用each语句循环遍历项,以达到这种效果


谢谢你的时间。

好的,我想好了。它就像使用each()函数一样简单,如下所示:

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

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

});