Как правильно рассчитать правильно рассчитать px в js?

Question

[Zombie42679]

1. Есть следующее https://codepen.io/anon/pen/ZJYdee , нужно чтобы полоска при нажатии на год вставала ровно (к примеру если нажать на 1967 - она встанет ровно), но если нажимать далее, то она всё дальше и дальше уходит.

2. Второй баг это если нажимать на сам бегунок, то как только он достигает последнего года (2008), то он не останавливается, если снова на него нажать, то он уйдет и дальше - помогите сделать так, чтоб когда бегунок стоял на 2008 году и при нажатии на него всё сбрасывалось в 1967 год (то есть назад).

Answer 1

[Aleksey Chernikov]

Не совсем правильно рассчитываете смещение ползунка.
Для начала я бы задал начальную позицию, так как изначально ползунок имеет left: 135px;
Затем, при каждом нажатии, прибавлял бы к изначальной позиции произведение номера позиции на смещение между позициями.
Если позиция последняя, при нажатии на ползунок делаем смещение равное начальной позиции.
https://codepen.io/anon/pen/BdyXKQ

Answer 2

[Александр Моргунов]

Смещать ползунок на такую координату, которую имеет каждый год. И проверять перед этим, где находится ползунок. Тут не верстка, а простая математика.