Почему анимация неверно проигрывается?

Question

[luxurypluxury]

Нужно сделать анимацию чтобы при ховере стрелка улетает вверх и возвращается снизу на свое исходное положение.
У меня она улетает вверх, но возвращается тоже сверху. Использую GSAP.

Соурс

Comments

[Вадим]

Так а почему ей возвращаться снизу, если у Вас только 2 состояния описано.
1) Подняться наверх (y: -100)
2) Вернуться в начальное (y: 0)

И ни строчки про то чтобы оказаться снизу.

Answer 1

[Виталий Першин]

const scrollButton = document.querySelector('#scrollUp');
const scrollButtonArrow = scrollButton.querySelector('svg');

scrollButton.addEventListener('mouseenter', () => {

        var staggerTimeline = new TimelineLite();
        staggerTimeline
          .staggerTo(scrollButtonArrow, .3, { y: "-50px", ease: Back.easeOut, }, 0)
          .staggerFrom(scrollButtonArrow, .3, { y: "50px", ease: Back.easeOut, }, 0)
          .staggerTo(scrollButtonArrow, .3, { y: "0px", ease: Back.easeOut, }, 0).repeat(0);
});

Comments

[luxurypluxury]

спасибо большое