Блог

Главная - Вопросы по программированию - Повторное воспроизведение анимации при обратной прокрутке

Повторное воспроизведение анимации при обратной прокрутке

#javascript #tween #gsap #scrollmagic

#javascript #анимация #gsap #scrollmagic

Вопрос:

У меня есть это:

 var controller = new ScrollMagic.Controller
var myTween = TweenMax.from('section',1,{opacity:0});

var myScene = new ScrollMagic.Scene({
    triggerHook= '.5',
    duration:'100%',
    reverse:false

})
 .setTween(myTween)
 .addTo(controller)

Итак, это воспроизводится, когда scrollDirection имеет значение «FORWARD» и начинается в середине раздела, верно? Но как мне реализовать ту же анимацию, когда пользователь прокручивает вверх и достигает нижней части того же элемента «section»?

Обратите внимание, что я не хочу воспроизводить анимацию в обратном направлении, я хочу, чтобы она воспроизводилась с самого начала (непрозрачность: 0)

Есть ли простой способ сделать это?

Комментарии:

1. Что в настоящее время происходит при прокрутке снизу вверх?

2. В этом случае ничего не происходит, так как обратному свойству присвоено значение false . Сцена остается в своем окончательном состоянии (непрозрачность: 1)