Плавное появление и плавное скрытие блока при скроллинге, как сделать?

Добрый вечер.
Пытаюсь реализовать появление и исчезновение блока как на сайте https://www.apple.com/ru/macbook-pro/
Реализовываю через библиотеку ScrollMagic
$(document).ready(function(){
  var tween = new TimelineMax()
  .from(".gsap-anim", 1.5, { opacity: 0})
  .to(".gsap-anim", 5, { opacity: 0, delay: 20});
    var scene = new ScrollMagic.Scene({
     triggerElement: ".gsap-trigger",
              triggerHook: "onEnter", 
              duration: "100%", 
              offset: 50 
            })
    .setTween(tween)
    
            .addTo(controller);
          });


Появление правильно происходит блока, через 10% после тригера, а вот исчезновение не получается сделать за 10% до скрытие блока.
Может кто знает как это реализовать?
  • Вопрос задан
  • 112 просмотров
Пригласить эксперта
Ответы на вопрос 1
JaxAdam
@JaxAdam
Junior Full-Stack Developer
Попробуйте использовать эту библиотечку) Она прикольная и очень простая, ксли я вас правильно понял, вашу задумку лего можно реализовать через нее.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Libertex Group Барнаул
от 70 000 до 120 000 ₽
ВК Электроникс Москва
от 100 000 до 200 000 ₽
Sveak Барнаул
от 50 000 ₽
01 июн. 2020, в 20:19
12000 руб./за проект
01 июн. 2020, в 19:52
500 руб./за проект
01 июн. 2020, в 19:37
1500 руб./за проект