Что делать если слайдер не двигается мышью при включенном cssMode?
Здрасте. Возникла проблема при создании слайдера с помощью библиотеки Swiper. Мне нужно сделать слайдер, при пролистывании до его краёв чтобы нельзя было его дальше двигать. Такое поведение обеспечивает атрибут cssMode, но проблема в том что он не позволяет двигать слайдер мышью (с тачпадом работает). Можете подсказать как добиться такого поведения как у cssMode, но чтобы при этом можно было двигать слайдер мышью.
Дополнительно:
resistanceRatio: 0,
- Это типа альтернатива cssMode и не нужно писать cssMode?
- DZHAMBUALT, Это то что вы хотите, а cssMode не нужно писать, это про другое
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы слайдер двигался при использовании мыши в режиме cssMode, необходимо правильно настроить опции и стили слайдера.
Во-первых, убедитесь, что вы правильно подключили и настроили библиотеку слайдера, а также указали опцию cssMode: true.
Далее, проверьте стили вашего слайдера. Убедитесь, что у элементов слайдера (обычно это ul или div) заданы правильные размеры и свойство overflow: hidden.
Также стоит убедиться, что у элементов слайдов (обычно это li или div) заданы правильные размеры и свойство float: left (или display: inline-block).
Если после этих действий слайдер все равно не двигается мышью, попробуйте добавить следующий CSS-код:
.slider { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
Этот код отключит выделение текста мышью, что иногда может мешать работе слайдера в режиме cssMode.
Если все вышеперечисленные действия не помогли, возможно, проблема заключается в конфликте стилей или скриптов на вашей странице. Попробуйте временно отключить другие стили и скрипты на странице, чтобы выяснить, не влияют ли они на работу слайдера.
Надеюсь, эти рекомендации помогут вам решить проблему со слайдером в режиме cssMode. Если у вас остались вопросы или нужна дополнительная помощь, не стесняйтесь обращаться.