Как сделать горизонтальную анимацию при вертикальном скролле?

Question

[Стася]

Я пытаюсь сделать анимацию для машинок, которые едут по дороге, как здесь https://prime-logistik.at/en/fleet/ . В примере анимация сделана с помощью плагина для вордпресса, мне такое, само собой, не подходит. Пробовала сделать параллакс методом "fixed background", а машинки вроде как прогресс-бары, но работает костыльно и выглядит нехорошо :С плагины искала, но они все не то предлагают. нет ли плагина для такого конкретного способа анимации или была бы благодарна примеру, как это можно написать руками, проект горит, а у меня уже идеи кончились :с

Answer 1

[Максим]

Раз ни кто не ответил то покажу на gsap + scrollMagick
Работает при скролле : https://codepen.io/topicstarter/pen/VwmQWXM

Comments

[Стася]

спасибо, потыкаю

[Максим]

Стася, https://codepen.io/topicstarter/pen/jOVZYWP вот так на нативном js тоже самое ..

[Стася]

I love SVG, огромное спасибо, второй вариант докрутила, подошел идеально! лучи добра!