Atributo CSS scroll-snap-stop

Definición y uso

Al deslizar rápidamente en la tableta táctil o la pantalla táctil,scroll-snap-stop Atributo se utiliza para especificar si la barra de desplazamiento salta directamente sobre los elementos o detiene y吸附 al siguiente elemento.

Para controlar el comportamiento de detención de吸附 desplazamiento, debe establecer el atributo en los elementos hijos scroll-snap-stop y scroll-snap-align Atributo, y establecer scroll-snap-type atributo.

Nota: debe usar gestos de deslizamiento en un dispositivo con tableta táctil o pantalla táctil para experimentar scroll-snap-stop Efecto del atributo.

Ejemplo

Al deslizar rápidamente en la tableta táctil o la pantalla táctil, forzar la barra de desplazamiento a detenerse y吸附 al siguiente elemento, en lugar de saltar directamente sobre los elementos:

div {
  scroll-snap-stop: always;
}

Pruebe usted mismo

Sintaxis de CSS

scroll-snap-stop: normal|always|initial|inherit;

Valor del atributo

Valor Descripción
normal Valor predeterminado. Después de deslizar rápidamente en la tableta táctil o la pantalla táctil, la barra de desplazamiento se desacelerará lentamente y saltará varios elementos.
always Después de deslizar rápidamente en la tableta táctil o la pantalla táctil, la barra de desplazamiento se detendrá y el siguiente elemento se吸附 a la posición del punto de foco.
initial Establezca este atributo en su valor predeterminado. Véase initial.
inherit Hereda este atributo de su elemento padre. Véase inherit.

Detalles técnicos

Valor predeterminado: normal
Herencia: No
Creación de animaciones: No se admite. Consulte:Atributos relacionados con la animación.
Versión: CSS3
Sintaxis de JavaScript: object.style.scrollSnapStop="always"

Compatibilidad del navegador

Las cifras en la tabla representan la versión del navegador que primero completamente admite esta propiedad.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

Páginas relacionadas

Referencia:Atributo CSS scroll-snap-align

Referencia:Atributo CSS scroll-snap-type