CSS: deshabilitar el efecto de rebote para desplazarse en iOS 13

8

En las notas de la versión de Safari 13 se afirma que ya no es necesario aplicar lo siguiente a un elemento para habilitar el efecto de desplazamiento de rebote:

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; /* No longer needed */
}

Sin embargo, ahora ya no puedo desactivar este efecto con el siguiente código:

div {
  overflow-x: scroll;
  -webkit-overflow-scrolling: auto;
}

Necesito esto para un carrusel en el que estoy trabajando. ¿Alguna idea sobre cómo solucionarlo? ¡Gracias!

Ood
fuente
2
¿Has intentado agregar? scroll-snap-type:noneNo estoy seguro de si funcionará, pero si el rebote es causado por un desplazamiento de desplazamiento, eso podría detenerlo.
Barkermn01
Prueba esta solución. Podría funcionar. bram.us/2016/05/02/…
MTBthePRO
@MartinBarker, desafortunadamente, scroll-snap-type no cambia el comportamiento de "desplazamiento excesivo" ...
Ood
@MTBthePRO Esta solución también ya no funciona ...
Ood
@Ood ¿Encontraste alguna solución? Por favor comparte.
VAdaihiep

Respuestas:

1

Creo que debería intentar cambiar eso utilizando la propiedad de desbordamiento que en Safari bloquea el comportamiento de desplazamiento de rebote. Para hacer eso en el contenedor principal de su div de desplazamiento, debe configurar:

overflow: hidden;

y luego en tu div establece algo como esto:

div {
  overflow: auto;
}
bertonc96
fuente
He intentado esto y desafortunadamente ya no funciona. :(
Ood
-1

No sé si realmente entiendo esto correcto, ¡pero aquí va! :)

¿No puedes eliminar esa línea de código de tu archivo?

También podrías intentar escribir -webkit-overflow-scrolling: auto; !important

Espero que esto haya ayudado:

alguien
fuente
Desafortunadamente -webkit-overflow-scrolling ya no parece funcionar ...
Ood
1
Encontré esto, no estoy seguro si esto es lo que necesita pero vale la pena intentarlo: github.com/lazd/iNoBounce
JolandaK