Можно ли адаптироваться GSAP для Elementor? [закрыто] ⇐ Javascript

[Anonymous]

Я работаю на сайте WordPress, используя Elementor, и я хочу добавить некоторые расширенные анимации с помощью GSAP. Я успешно загрузил библиотеку GSAP, но я сталкиваюсь с проблемами с отзывчивым поведением и производительностью. < /P>
Текущая настройка: < /p>

WordPress 6.3 < /li>
Elementor Pro 3.16 < /li>
GSAP 3.12, загруженный через CDN < /li>

GSAP 3.12 /> код, который я использую: < /p>
gsap.registerPlugin(ScrollTrigger);

gsap.from(".elementor-widget-heading h2", {
duration: 1,
y: 50,
opacity: 0,
scrollTrigger: ".elementor-widget-heading"
});
< /code>
Проблемы, с которыми я сталкиваюсь: < /p>

Анимации не работают должным образом на мобильных устройствах < /li>
Иногда анимации запускают несколько раз при прокрутке < /li>
Похоже, что я наблюдаю за более старыми устройствами < /li>
< /ol>
. https://laplumerp.com/ или https://studiojae.fr/ где анимации GSAP работают безупречно с элементом. Их анимации гладкие и отзывчивы на всех устройствах. functions.php? < /li>
Любой плагин может облегчить его. Анимации на виджетах elementor. Я загрузил GSAP через CDN и добавил код анимации в раздел CSS Custom Elementor.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... -elementor