Блог

Главная - Вопросы по программированию - Определять, когда элемент находится в окне просмотра, с помощью плагина GSAP ScrollTrigger

Определять, когда элемент находится в окне просмотра, с помощью плагина GSAP ScrollTrigger

#javascript #gsap

#javascript #gsap

Вопрос:

Я пытаюсь определить, когда элемент находится в окне просмотра, используя подключение триггера прокрутки GSAP3. Однако, похоже, он не хочет работать. Терминал сообщает:

 "Invalid property" "scrollTrigger" "set to" Object {
  trigger: ".c"
} "Missing plugin? gsap.registerPlugin()"

Мой JS-код выглядит следующим образом:

 gsap.registerPlugin(ScrollTrigger);
gsap.to(".box", {
    scrollTrigger: {
        trigger: ".c"
    },
    x: 400,
    rotation: 360
});

Тогда HTML будет:

 <section>
  EMPTY
</section>

<section>
  <div class="box c">
    HELLO
  </div>
</section>

Я также сталкивался с кем-то, у кого была похожая проблемаhttps://greensock.com/forums/topic/24472-invalid-property-scrolltrigger Однако, даже пробуя решения из документов GreenSock, он все еще не работает.

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

1. Привет, Эл-76. Это просто означает, что ScrollTrigger не загружается до запуска вашего скрипта. Если вы проверите консоль или панель ресурсов в своих инструментах разработчика, я уверен, что это скажет вам об этом. Если нет, возможно, это проблема с порядком загрузки (вы запускаете свой пользовательский JS до загрузки ScrollTrigger). Или, возможно, вы пытаетесь загрузить версию плагина modules, тогда как вы должны использовать уменьшенную версию. Не видя больше ваших настроек, невозможно сказать наверняка.

2. Спасибо @Zach, ты был прав. Это была версия плагина, которая была слишком старой, чтобы поддерживать то, что я пытался. Я обновил его, и теперь он работает. Спасибо за помощь. Очень признателен.