Propriété overscroll-behavior-x de CSS

Page précédente overscroll-behavior-inline
Page suivante overscroll-behavior-y

Définition et utilisation

overscroll-behavior-x Cette propriété est utilisée pour fermer la chaîne de défilement ou les rétroactions de défilement excessif lors d'une tentative de défilement au-delà des limites du défilement en direction x.

Attention :Pour déclencher overscroll-behavior en direction x, vous devrez peut-être utiliser des gestes de glissement sur un pavé tactile ou un écran tactile.

Chaîne de défilementC'est le comportement par défaut où le défilement excessif sur un élément entraîne le comportement de défilement du parent.

Défilement excessifLa rétroaction est fournie lorsque l'utilisateur essaie de défiler au-delà des limites du défilement. Par exemple, sur un appareil mobile, lorsque l'utilisateur essaie de défiler au-delà du sommet de la page, une rétroaction visuelle de rafraîchissement de la page est généralement accompagnée.

Exemple

Fermez la chaîne de défilement du <div> glissant en direction x :

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

Essayez-le vous-même

Syntaxe CSS

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

Valeur de propriété

Valeur	Description
auto	Permet les comportements de chaîne de défilement et de rétroaction de défilement excessif. Valeur par défaut.
contain	Permet les rétroactions de défilement excessif mais pas les chaînes de défilement.
none	Ne permet pas les rétroactions de défilement excessif ou les comportements de chaîne de défilement.
initial	Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit	Inherits this property from its parent element. Voir inherit.

Détails techniques

Valeur par défaut :	auto
Héritabilité :	Non
Animation :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.overscrollBehaviorX="none"