Я создаю анимацию на основе прокрутки с помощью GSAP.Я создаю временную шкалу для анимации, затем обновляю ход временной шкалы в зависимости от того, как далеко вы прокрутили установленный контейнер.Я могу создать этот эффект, используя значения CSS, такие как x или y, например, для свойств преобразования CSS.Я не могу получить доступ к динамическим переменным внутри каждой функции для элементов, которые я хочу анимировать, и установить для них свойства CSS для анимации.
Мой код будет слишком длинным, чтобы копировать и вставлять его здесь, поэтому я буду связывать ручки кода дляМоя проблема.
Вот моя рабочая версия:
Использование значений x и y для анимации свойств преобразования CSS работает полностью нормально.Это результат, который я хочу получить в конце.
CODE HERE:
https://codepen.io/ellisclicky/pen/rqPYmw
Вот моя версия, с которой я хочу работать, где я использую атрибуты данных из элемента HTML, чтобы определить, какое свойство CSS нужно анимировать:
Я не могу получить доступ к переменной и не могу понять, почему - я все погуглил под солнцем по этому поводу, но ничего не могу найти.
CODE HERE:
https://codepen.io/ellisclicky/pen/NOowMx
Любая помощь очень ценится.