Мне нужно создать анимацию при скролле, менять стили блоков, как вот тут
myriad.space
Сначала на сайте все так
prntscr.com/gd2zq9 , а когда скроллишь страницу, то блоки внутри страницы меняют свое положение параллельно скроллу
prntscr.com/gd2zz9 . То есть проскроллил на сколько то пикселей вниз, и блок все это время менял своё позиционирование через стили, проскролил в обратную сторон, и блок плавно вернулся на место..
Может кто-то знает как это сделать, или может написать минимальный пример js кода.
Я пока добилась такого
https://jsfiddle.net/dh22hr6h/3/
Но как сделать что бы позиционирование элемента напрямую зависело от скролла? Как в примере
myriad.space .
Скроллишь, элемент двигается, не скроллишь, он остановился, скроллишь в обратную сторону, элемент на место.
https://jsfiddle.net/dh22hr6h/3/
Вот тут то, что есть на данный момент.
Если для кого-то эта тема не сложная, подскажите, пожалуйста