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

Добрый вечер.
Пытаюсь реализовать появление и исчезновение блока как на сайте 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% до скрытие блока.
Может кто знает как это реализовать?
  • Вопрос задан
  • 78 просмотров
Пригласить эксперта
Ответы на вопрос 1
JaxAdam
@JaxAdam
Junior Full-Stack Developer
Попробуйте использовать эту библиотечку) Она прикольная и очень простая, ксли я вас правильно понял, вашу задумку лего можно реализовать через нее.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
Лучшие люди Иваново
от 40 000 до 90 000 руб.
AVC Advisory Москва
от 60 000 до 90 000 руб.