CSS overscroll-behavior-x egenskab

Forrige side overscroll-behavior-inline
Næste side overscroll-behavior-y

Definition og brug

overscroll-behavior-x Egenskaben bruges til at deaktivere elementets rulningskæde eller overflødig rulning tilbagefeedback, når der prøves at rulle uden for rulningsgrænserne i x-retningen.

Bemærk:For at udløse overscroll-behavior i x-retningen kan du muligvis have brug for at bruge et glidemønster på en touchpad eller en skærm.

RulningskædeBetyder, at overflødig rulning på et element kan forårsage rulningsadferd på dens forældrelement. Dette er standardadferd.

Overflødig rulningFeedback er feedback, der gives, når brugeren forsøger at rulle uden for rulningsgrænserne. For eksempel, på mobile enheder, når man forsøger at rulle uden for toppen af siden, følger der ofte en visuel feedback med sideopdatering.

Eksempel

Deaktiver rulningskæden for en rulbar <div>-element i x-retningen:

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

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi	Beskrivelse
auto	Tillad rulningskæde og overflødig rulning tilbagefeedback. Standardværdi.
contain	Tillad overflødig rulning tilbagefeedback, men ikke rulningskæde.
none	Tillad ikke overflødig rulning tilbagefeedback eller rulningskædehandling.
initial	Sæt denne egenskab til dens standardværdi. Se: initial.
inherit	Arv denne egenskab fra sin forældrelement. Se: inherit.

Tekniske detaljer

Standardværdi:	auto
Arv:	Nej
Animation production:	Ikke understøttet. Se:Animationsegenskaber.
Version:	CSS3
JavaScript syntaks:	object.style.overscrollBehaviorX="none"