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

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

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

var controller = $.superscrollorama();

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

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

Есть ли способ циклически проходить пункты с каждым оператором, чтобы достичь этого эффекта?

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

1 ответ

Решение

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

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

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

});
Другие вопросы по тегам