Atributo CSS overscroll-behavior-x

Página anterior overscroll-behavior-inline
Página siguiente overscroll-behavior-y

Definición y uso

overscroll-behavior-x La propiedad se utiliza para cerrar la cadena de desplazamiento o la retroalimentación de desbordamiento del elemento cuando se intenta desplazarse más allá de los límites de desplazamiento en la dirección x.

Nota:Para activar overscroll-behavior en la dirección x, es posible que necesite usar gestos de deslizamiento en el panel táctil o la pantalla táctil.

Cadena de desplazamientoSe refiere al comportamiento del desplazamiento del elemento padre cuando se desplaza excesivamente en un elemento. Es el comportamiento predeterminado.

Desbordamiento excesivoLa retroalimentación es la información proporcionada al usuario cuando intenta desplazarse más allá de los límites de desplazamiento. Por ejemplo, en dispositivos móviles, cuando se intenta desplazarse más allá de la parte superior de la página, a menudo se acompaña de una retroalimentación visual de actualización de la página.

Ejemplo

Deshabilitar la cadena de desplazamiento del elemento <div> scrollable en la dirección x:

#yellowDiv {
  overscroll-behavior-x: contain;
}

Pruebe usted mismo

Sintaxis de CSS

overscroll-behavior-x: auto|contain|none|initial|inherit;

Valor del atributo

Valor	Descripción
auto	Permite el comportamiento de la cadena de desplazamiento y la retroalimentación de desbordamiento. Valor predeterminado.
contain	Permite la retroalimentación de desbordamiento pero no la cadena de desplazamiento.
none	No permite la retroalimentación de desbordamiento o el comportamiento de la cadena de desplazamiento.
initial	Establezca este atributo en su valor predeterminado. Vea: initial.
inherit	Hereda este atributo de su elemento padre. Vea: inherit.

Detalles técnicos

Valor predeterminado:	auto
Herencia:	No
Producción de animación:	No se admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.overscrollBehaviorX="none"