CSS overscroll-behavior-x egenskap

Föregående sida overscroll-behavior-inline
Nästa sida overscroll-behavior-y

Definition och användning

overscroll-behavior-x Egenskapen används för att stänga av elementets rullkedja eller överdriven rullning av feedback när du försöker rulla utanför rullgränsen i x-leden.

Observera:För att trigga overscroll-behavior i x-leden kan du behöva använda glidhandgrip på en trackpad eller en pekskärm.

RullkedjaBetyder att överdriven rullning på ett element orsakar rullbeteende på föräldrelementet. Detta är standardbeteende.

Överdriven rullningFeedback är feedback som ges när användaren försöker rulla utanför rullgränsen. Till exempel, på mobila enheter, när du försöker rulla utanför sidans topp, kommer ofta att följas av en visuell feedback om sidans uppdatering.

Exempel

Stäng av rullkedjan för den rullbara <div>-elementet i x-leden:

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

Prova själv

CSS-syntax

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

Egenskapsvärde

Värde	Beskrivning
auto	Tillåter rullkedjebeteende och överdriven rullning av feedbackbeteende. Standardvärde.
contain	Tillåter överdriven rullning av feedbackbeteende, men inte rullkedja.
none	Tillåter inte överdriven rullning av feedback eller rullkedjebeteende.
initial	Sätt detta egenskap till dess standardvärde. Se till: initial.
inherit	Inherritar detta egenskap från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde:	auto
Arv:	Nej
Animeringsproduktion:	Stöds inte. Se till:Animeringsrelaterade egenskaper.
Version:	CSS3
JavaScript-syntax:	object.style.overscrollBehaviorX="none"