bubn0ff
@bubn0ff
Специалист по технической поддержке

Двойной слайдер, что я не так делаю?

Привет всем!

Делаю двойной слайдер для проекта: здесь

Вот как он выглядит:
5e57bbad8c519001947792.png

Обратите внимание на правый край слайдера:
5e57bbda3e24e044318519.png

Активный трек (полоска оранжевая) находится под кнопкой - ползунком. И это хорошо.

Но как только я начинаю использовать правый ползунок, положение активного трека меняется - он теперь примыкает к ползунку:
5e57bc88b916c022080603.png

Мне же надо, чтобы при движении правого ползунка активный трек оставался под ним, а не примыкал к нему.

Что я делаю не так?
Буду очень признателен за подсказку. Замучился в попытках разобраться.

P.S. Ещё буду признателен, если объясните, как сделать так: если какой-то из ползунков оказывается в позиции второго (то есть они совпадают), то движение дальше невозможно. То есть чтобы можно было двигать ползунок до соседа и не дальше.
  • Вопрос задан
  • 200 просмотров
Решения вопроса 1
@VaranCollins
Magento Frontend Developer
Не учитываешь в скрипте потом ширину кнопки правой.
Я понаставил везде + 24 в этом выражении between.style.width = (left2 - left1 + 24) + 'px';
и все ок.

Но главный вопрос - зачем это? С таким полотном JS?
Есть же нативный range в html
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы