Есть слайдер, рендерит, условно, 5 слайдов
<Swiper
spaceBetween={50}
slidesPerView={100}
watchOverflow={true}
>
<SwiperSlide>....</SwiperSlide>
<SwiperSlide>....</SwiperSlide>
<SwiperSlide>....</SwiperSlide>
<SwiperSlide>....</SwiperSlide>
<SwiperSlide>....</SwiperSlide>
</Swiper>
Когда я использовать свайпер на нативном JS - это работало. То есть, при отсутствии достаточного количества слайдов ( slidesPerView указали 100, а по факту всего 5 ), параметр watchOwerflow={true} говорил свайперу, что необходимо перестать функционировать и убрать все навигационные штуки типа булитов и стрелочек. Таким образом это позволяло работать с кейсом, когда слайдер должен быть слайдером только на мобильных устройствах, а на десктопе это обычный НЕ листающийся блок (само собой всё это регулируется брейкпоинтами). Сейчас мне нужно решить аналогичную задачу, но что-то забуксовал. Я не получаю ожидаемого результата ни сразу, ни после апдейта страницы.
Свайпер v9.0.3
Реакт v18.2.0
Простой
