CSS overscroll-behavior-y eigenschap

Vorige pagina overscroll-behavior-x
Volgende pagina padding

Definitie en gebruik

overscroll-behavior-y De eigenschap wordt gebruikt om de scroll chain of overloop滚动反馈 van een element uit te schakelen wanneer er wordt geprobeerd te scrollen buiten de scroll grenzen in de y-richting.

Scroll chainBetekent dat overloop op een element het scrollgedrag van de ouderlijke element veroorzaakt. Dit is het standaardgedrag.

OverloopFeedback is de feedback die wordt gegeven wanneer de gebruiker probeert te scrollen buiten de scroll grenzen. Bijvoorbeeld, op mobiele apparaten, wanneer je probeert te scrollen buiten het begin van de pagina, wordt dit vaak gevolgd door een visuele feedback van de pagina vernieuwing.

Voorbeeld

Sluit de scroll chain van een scrolbare <div> element uit:

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

Probeer het zelf uit

CSS syntax

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

Eigenschapswaarde

Waarde	Beschrijving
auto	Scroll chain en overloop滚动反馈 gedrag toestaan. Standaardwaarde.
contain	Overloop滚动反馈 gedrag toestaan, maar geen scroll chain toestaan.
none	Geen overloop滚动反馈 of scroll chain gedrag toestaan.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap erft van de ouderlijke element. Raadpleeg inherit.

Technische details

Standaardwaarde:	auto
Inheritance:	Nee
Animatie:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntax:	object.style.overscrollBehaviorY="none"