ScrollMagic & GreenSock итерация по группе элементов - PullRequest
Новая
       61

ScrollMagic & GreenSock итерация по группе элементов

0 голосов
/ 02 октября 2018

Итак, у меня есть список элементов div, которые я хочу расширить и сжать при прокрутке области просмотра, которым я назначил атрибуты [data-entry].Приведенный ниже код сработает сразу для всех элементов, центрированных вокруг первого, а не для каждого отдельно, когда они входят / выходят из области просмотра.Я перебираю это уже пару часов, и я нахожусь в тупике!Я попытался установить сцену ScrollMagic за пределами цикла, но я не смог заставить это работать.Помогите! 

<div class="timeline-entry" data-entry="0">
  <!-- Some content -->
</div>

<div class="timeline-entry" data-entry="1">
  <!-- Some content -->
</div>

$('[data-entry]').each(function() {
    var timelineEntryFocus = new TimelineMax();
    timelineEntryFocus.to($(this), 1, {xPercent: 120, scale: 4, yoyo: true, repeat: 1 });
    new ScrollMagic.Scene({
      duration: '90%'
    })
    .setTween(timelineEntryFocus)
    .triggerElement($(this))
    .addTo(ctrl);
});
...