Propriété overscroll-behavior-y de CSS

Page précédente overscroll-behavior-x
Page suivante padding

Définition et utilisation

overscroll-behavior-y La propriété est utilisée pour désactiver la chaîne de défilement ou la rétroaction de défilement excessif lorsque l'élément essaie de défilement au-delà des limites de défilement en direction de y.

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

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

Exemple

Fermez la chaîne de défilement d'un élément <div> glissant :

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

Essayez-le vous-même

Syntaxe CSS

overscroll-behavior-y: 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.overscrollBehaviorY="none"