Есть ли способ закрасить закрепленный раздел (scrollmagic) - PullRequest
Новая
       19

Есть ли способ закрасить закрепленный раздел (scrollmagic)

0 голосов
/ 28 июня 2019

Я хочу отображать различные разделы во время прокрутки.Например, если у меня есть 3 Divs linke, так что 

<div class="section">
  <h2>Section 1</h2>
</div>
<div class="section">
  <h2>Section 2</h2>
</div>
<div class="section">
  <h2>Section 3</h2>
</div>

Я хочу отобразить первый в начале второй через некоторое время и третий один за другим какое-то время (эта продолжительность индивидуальна и в каждом случаедольше чем "100%").

Я использовал этот код: 

var tweenFadeIn = TweenMax.from($(this), 0.3, {autoAlpha: 0, scale: 0.5, x: "+=100", ease:Linear.easeNone});

$(".section").each(function() {
        var sceneSections = new ScrollMagic.Scene({
            triggerElement: this,
            duration: "300%",
        })
        .setPin(this)
        .setTween(tweenFadeIn)
        .addTo(controller);

    });

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

...