Как сделать эффект js?

Question

[Денис Клепко]

Всем привет!
Подскажите как сделать, чтобы ползунок двигался вверх-вниз как на этом сайте susaventures.com ?
https://snag.gy/gxT4uL.jpg

Comments

[Андрей Саныч]

как у вас с js или jquery? если более менее, то может пройдемся по алгоритму действий? задача очень тривиальная и хотелось бы, чтобы вы сами спроектировали скрипт. И вообще, там походу можно и без js сделать

Answer 1

[Aleksey Solovyev]

Так это обычный keyframes, нет? Он не связан со скролом
https://jsfiddle.net/2yzus913/

Comments

[Justin Bieber]

да нету связи со скроллом, просто анимация svg

[Денис Клепко]

А как его зациклить чтобы вверх-вниз ходил?

[Aleksey Solovyev]

Денис Клепко, свойство alternate у animation
animation: move 2s infinite alternate;

[Денис Клепко]

Aleksey Solovyev, большое спасибо.