@DeniSidorenko

Как сделать такой функционал?

Добрый день, делаю такой мокап с переключателем. Всю логику продумал все легко. Осталось лишь сделать один маленький пункт
dqpiXHQsFJqSQGlYspKIqGpIfjDnDAuz8QYb1oPQ35Fri2gvnStHXGHzC196GFF0AFsB3LgC1Z6-WaBk-iKDuw%3D%3D?uid=0&filename=2019-01-10_12-02-38.png&disposition=inline&hash=&limit=0&content_type=image%2Fpng&tknv=v2&size=2048x2048

Как видно на изображение сделал своими руками. Все очень просто, есть родительский блок который ограничен рамками макбука( Только экран без рамок). И есть это полоска. Она центрируется через position absolute. На скриншоте имеет left 55%. Left 0 - граница изображения.

Вопрос, как сделать что бы лишь при клике на саму полоску можно было передвигать ее позицию по X, без минусовых позиций и не дальше чем граница ( что бы ограничевали 0 и 100% )
Заранее спасибо
  • Вопрос задан
  • 156 просмотров
Решения вопроса 1
@DeniSidorenko Автор вопроса
К сожалению подключить тайч пад было сложно
вот отличная библиотека
https://zurb.com/playground/twentytwenty
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Выбери что-то из готовых, сам ты не напишешь, судя по уровню вопроса.
https://www.google.com/search?q=js+comparison+slider
Ответ написан
Waydim
@Waydim
создать -> улучшить ⇔ развивать :)
при клике на полосе присваиваешь ей класс, который МОЖНО двигать вправо-влево, при position 0 или 100% убираешь этот класс :) оппппля!
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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