Superscrollorama - Как я могу анимировать несколько элементов списка?

Question

У меня есть список предметов (постов блога), которые я хотел бы затухать и скользить со стороны, когда прокручивается. Однако я не могу решить, как это сделать, без явного выбора каждого элемента.

Использование класса просто оживляет их все в одно и то же время, но я хотел бы, чтобы он запускал его действие на каждый отдельный пост только тогда, когда ему это нужно.

var controller = $.superscrollorama(); 

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

Дело в том, что я могу не просто жестко закодировать все элементы, как страница является динамическим, и я не знаю, сколько там будет.

Есть ли способ перебрать элементы с каждым утверждением для достижения этого эффекта?

Спасибо за ваше время.

Answer 1

Хорошо, я понял. Это так же просто, как использование каждой функции():

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

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

});