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

Question

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

0

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

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

var controller = $.superscrollorama();

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

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

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

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

Michael Giovanni Pumo 02 дек. 2013, в 11:54

Источник

Теги:

javascript

jquery

jquery-plugins

superscrollorama

1 ответ

Ещё вопросы

Michael Giovanni Pumo · Accepted Answer · 2013-12-02T08-19-00.000Z

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

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

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

});

Есть ли способ добавить задержку для каждого 1 ....