169 похожих чатов

Вопрос, как у слайдеров делается свап с помощью зажатой кнопкой

мыши(ну когда ты зажимаешь водишь в сторону и он листается), это при нажатии кнопки получается берутся координаты, и дальше производится расчеты транслейта, или есть способы проще это сделать?

6 ответов

7 просмотров

Для реализации свайпа на слайдерах можно использовать различные подходы. Один из них - это использование событий мыши, таких как mousedown, mousemove и mouseup. При нажатии на слайдер с помощью события mousedown запоминаются начальные координаты мыши. Затем, при перемещении мыши с помощью события mousemove, вычисляется разница между текущими координатами мыши и начальными координатами. Эта разница используется для определения направления свайпа и расчета трансформации слайдера с помощью CSS свойства transform: translateX(). При отпускании кнопки мыши с помощью события mouseup происходит завершение свайпа и применение трансформации к слайдеру. Существуют также готовые библиотеки, которые позволяют реализовать свайп на слайдерах с помощью минимального количества кода. Например, библиотека Swiper.js предоставляет широкие возможности для настройки слайдеров и поддерживает множество различных событий, включая свайп.

Nadelopo- Автор вопроса
Nadelopo- Автор вопроса
ПРАВОСЛАВНЫЕ ЗНАКОМСТВА / РЕКЛАМА ЧАТОВ
вопрос в чем ??

просто хотел узнать в правильном ли направлении я иду

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

Обсуждают сегодня

А еще в перле можно уже @arr1 + @arr2?
Sergei Zhmylove
53
я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
100
Привет всем. появился вопрос. Разрабатываю сайт, в данный момент он запущен. Хостинг beget. Добавляю на сайт яндекс метрику с помощью полей client-settings (взято отсюда http...
Andrew
2
Подскажите, где смотреть результат выполнения программы? Код: ;.686 ;Система команд процессора 686 ;.MODEL FLAT,stdcall ;Модель памяти плоская, станда...
Егор Анелькин
5
Где в Астане можно купить мясо для шашлыков?
Dancing Іңұқәһүғө
21
Добрый день подскажите пожалуйста может кто то сталкивался с ошибками Sentry 22.10.0 развернутым из helm чарт в Kubernetes? Изначально 3 дня назад очень стало много событий ух...
Tire4 Finist Devops
1
;.686 ;Система команд процессора 686 ;.MODEL FLAT,stdcall ;Модель памяти плоская, стандартный ;вызов процедуры ;option casemap:no...
Егор Анелькин
1
почому оно не работает?
Vi Chapmann ٩( 💢•̀ з•́)و Chapmann
19
всем привет почти закончил курс После него можно писать свою операционку? Какие библиотеки надо использовать и куда дальше копать для изучения
Linus
19
Так а кто может спарсить всех участников чата? Идишники
Magic
18
Карта сайта