ScrollMagic和GreenSock遍历元素组

Question

因此，我有一个要在视口滚动时扩展和收缩的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);
});