0
156
Vistas¿Cómo puedo resolver "evitar el desplazamiento táctil" en la biblioteca SwiperJS?
Gif para mostrar el problema: 
<Swiper className="panel-swiper" initialSlide={value} onSwiper={setSwiper} onSlideChange={handleSlideChanging} simulateTouch={false} > <SwiperSlide>Panel 0</SwiperSlide> <SwiperSlide>Panel 1</SwiperSlide> <SwiperSlide>Panel 2</SwiperSlide> <SwiperSlide> <League /> <League /> <League /> </SwiperSlide> <SwiperSlide>Panel 4</SwiperSlide> <SwiperSlide>Panel 5</SwiperSlide> <SwiperSlide>Panel 6</SwiperSlide> <SwiperSlide>Panel 7</SwiperSlide> <SwiperSlide>Panel 8</SwiperSlide> <SwiperSlide>Panel 9</SwiperSlide> </Swiper>Como puede ver, cuando quiero usar el toque para desplazarme por la página, lo impidió. pero al usar la rueda del mouse funciona correctamente.
Debo mencionar que estoy usando SwiperJS.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Así es como resolví este problema, cuando importé los módulos adicionales ( A11y, Navigation, Pagination ), el problema desapareció.
import { Swiper, SwiperSlide } from 'swiper/react'; import { A11y, Navigation, Pagination } from 'swiper'; <Swiper modules={[Navigation, Pagination, A11y]} spaceBetween={50} slidesPerView={1} navigation pagination={{ clickable: true }} > <SwiperSlide> test </SwiperSlide> </Swiper>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta