CSS overscroll-behavior-y egenskap

Föregående sida overscroll-behavior-x
Nästa sida padding

Definition och användning

overscroll-behavior-y Egenskapen används för att stänga av elementets skrollningskedja eller övergångsskrollningsfeedback när man försöker rulla utanför rullningsgränserna i y-led.

SkrollningskedjaBetyder att övergångsskrollning på ett element orsakar föräldrelementets rullningsbeteende. Detta är standardbeteende.

ÖvergångsskrollningFeedback är feedback som ges när användaren försöker rulla utanför rullningsgränserna. Till exempel, på mobila enheter, när du försöker rulla utanför sidans topp, kommer ofta att följas av en synlig återställning av sidan.

Exempel

Stäng av skrollningskedjan för den rullbara <div>-elementet:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
auto	Tillåter skrollningskedja och övergångsskrollningsfeedback. Standardvärde.
contain	Tillåter övergångsskrollningsfeedback, men inte skrollningskedja.
none	Tillåter inte övergångsskrollning av feedback eller skrollningskedjebeteende.
initial	Sätt detta egenskapsvärde till dess standardvärde. Se till: initial.
inherit	Inheriterar detta egenskapsvärde från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde:	auto
Arv:	Nej
Animationsskapande:	Stöds inte. Se till:Animation relaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.overscrollBehaviorY="none"