@MishaPandovich

Как правильно рассчитать шаг у range слайдера?

Есть слайдер с диапазоном от 0 до 130 и шагом 60. Шаг я рассчитываю следующим образом:
1) нахожу сколько шагов вмещается в данный диапазон: 130 / 60 = 2.16;
2) узнаю сколько в px будет занимать 1 шаг: var stepSize = (длина-слайдера / 2.16) = 138 px;
3) далее thumbElem.style.left = Math.round(newLeft / stepSize) * stepSize + 'px';

Проблема заключается в том, что если шаги не вмещаются в диапазон, то бегунок просто не доходит до конца, как сделать, что бы бегунок прилипал к правому краю?
Мой код
  • Вопрос задан
  • 324 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Cactus322
Вот работающий код. Вместо пикселей я использовал проценты.

https://codepen.io/cactus322/pen/bGejMxX

Код написан на jQuery, но переписать его в нативном js не составит большого труда
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы