Почему swiper возвращается в исходное положение при пролистывании?
Всем привет.
Есть фильтр, в котором можно выбрать с помощью чекбоксов то или иное свойство.
Для отображения наименования группы (в котором находится выбранное свойство) это наименование добавляется в swiper
Поидее, при пролистывании добавленных наименований, swiper должен фиксироваться на позиции, до которой долистали.
Но на данный момент при пролистывании зажатием кнопки мыши и отпускании swiper возвращается в исходное положение.
Настройки swiper следующие:
let swiperFilter = new Swiper(".swiperFilter", { slidesPerView: 8, loop: true, breakpoints: { 320: { slidesPerView: 2, }, 360: { slidesPerView: 3, }, 480: { slidesPerView: 4, }, 768: { slidesPerView: 7, }, } }); |
let swiperFilter = new Swiper(".swiperFilter", { slidesPerView: 8, loop: true, breakpoints: { 320: { slidesPerView: 2, }, 360: { slidesPerView: 3, }, 480: { slidesPerView: 4, }, 768: { slidesPerView: 7, }, } });
Подскажите, пожалуйста, как добиться того, чтобы при отпускании кнопки мыши swiper оставался на том моменте, до которого долистали?
Дополнительно:
Решение:
updateOnWindowResize: true,
observer: true,
observeParents: true,
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Проблема, когда swiper возвращается в исходное положение при пролистывании, может быть вызвана несколькими причинами. Позвольте мне предложить несколько возможных решений для данной проблемы:
1. Проверьте наличие конфликтов с другими библиотеками или скриптами на вашей странице. Иногда конфликты могут привести к непредвиденному поведению swiper. Убедитесь, что у вас нет других скриптов, которые могут вмешиваться в работу swiper.
2. Проверьте наличие правильного инициализации swiper. Убедитесь, что вы правильно настроили swiper и добавили все необходимые параметры для его работы. Проверьте документацию по swiper, чтобы убедиться, что вы следуете рекомендуемым практикам и настройкам.
3. Проверьте CSS стили вашего swiper. Возможно, что стили, которые вы применили к swiper, могут привести к его неправильной работе. Убедитесь, что вы не переопределяете стили swiper или что стили не приводят к конфликтам.
4. Обновите версию swiper до последней доступной. Возможно, что в более новых версиях swiper были исправлены ошибки, которые могут привести к данной проблеме.
Применение вышеперечисленных рекомендаций может помочь вам исправить проблему с возвращением swiper в исходное положение при пролистывании. Не стесняйтесь экспериментировать и искать более подходящее решение для вашего конкретного случая. Если у вас остались дополнительные вопросы или проблемы, не стесняйтесь задать их для получения дополнительной помощи.