Хочу сделать допустим, появление элемента со стороны
ДО : transform: translateX(-1000px) (элемент за экраном)
после : transform:translatex(0px) (элемент в центре экрана)
я хочу чтобы эта анимация шла постепенно с прокруткой скрола т.е. допустим каждый щелчок скрола это 300px
полную высоту экрана он пройдет за 3 целых щелчка
поэтому при появлении элемента translateX(-1000px)
1 щелчок скрола translateX(-700px)
2 щелчка translateX(-400px)
3 щелчка translateX(-100px)
и тд .. как это сделать?
сейчас у меня есть скрипт который просто добавляет класс и я могу сразу сделать -1000px и 0px но это будет одна анимация, а как сделать это постепенно со скролом?
Прикольно, но это изменение положения в блоке при скроле.
а если я хочу чтобы это изменение было до появления блока... и извне ? например как тут https://www.majestykapps.com/
поигрался с этим немного, не смог получить желаемый результат
