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