0
226
Vistas¿Swiperjs detecta la dirección de deslizamiento?
Estoy creando una aplicación web de calendario que muestra las notas de cada día que tomé. 
Se ve así, y quería agregar un gesto de "deslizar" para los usuarios de dispositivos móviles.
Y luego, me di cuenta swiperjs . Creé un swiper con solo 1 diapositiva y le di un loop . Funcionó perfectamente.
Pero el problema es que el índice swiper siempre me da 1.
Usando detectores de eventos (como slideChange ), necesito detectar la dirección de deslizamiento y cargar las notas del día siguiente.
¿Hay un detector de eventos específico (algo así como swipeLeft ) o un valor devuelto que me da la dirección?
2 Respuestas
Responde la pregunta0
Finalmente lo encontré.
on: { slideChange: (swiper) => { console.log(swiper.touches.diff < 0); } }Devuelve verdadero cuando se desliza hacia la derecha, falso cuando se desliza hacia la izquierda.
NOTA: swiper.touches.diff será 0 cuando las flechas de navegación cambien la diapositiva. Para hacerlo, agregue detectores de eventos a los botones también.
0
Para mi esto funciona bien
const direction = swiper.touches.startX > swiper.touches.currentX ? 'forward' : 'backward';