Как реализовать что-то типа таймлайна?

Question

[Zombie42679]

Хочу поставить нечто подобное на свой сайт, но в js мало опыта, я вроде понимаю, что тут нужно при клике на год(или на стрелку) сдвигать шкалу вперед назад в зависимости от года. Но как это реализовать не понимаю вообще. Думал, как вариант взять слайдер и над ним извращаться, но это наверное глупо). Буду рад если кто покажет хотя бы на 3 точках произвольных. Либо литературу какую подкинет по данной тематике.

Comments

[Larisa Moroz]

У вас только в JS мало опыта или в вёрстке тоже?
Сделайте хотя бы вёрстку на codepen.io или jsfiddle.net , тогда можно будет что-то подсказывать.

[Zombie42679]

Larisa Moroz:
Нашел паровоз, с учебника по JS, как мне заставить его, двигать к той точке на которую я жму и при этому какие-нибудь буквы выводить в зависимости от точки.
https://codepen.io/anon/pen/MvYoRr

Answer 1

[Larisa Moroz]

Обратите внимание на стили ( transition определяет плавность перемещения, время и задержку)
https://codepen.io/lmoroz/pen/prvWKo

Сам скрипт в блоке JS, требуется подключение JQuery (хотя при желании можно и без, но надо будет чуть переписать код)