CSS overflow-anchor eigenschap

Definitie en gebruik

overflow-anchor De eigenschap wordt gebruikt om scroll锚ing (scroll anchoring) uit te schakelen.

Scroll锚ing is een functie van de browser die wordt gebruikt om te voorkomen dat de al gescrolde regio in het zichtbare gebied verplaatst wordt wanneer nieuwe inhoud wordt geladen. Dit wordt vaak een probleem bij trage netwerkverbindingen, waarbij gebruikers beginnen met scrolle naar beneden voordat de pagina volledig is geladen.

Voorbeeld

Schakel scroll锚定 uit:

div {
  overflow-anchor: none;
}

Probeer het zelf

CSS syntaxis

overflow-anchor: auto|none|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
auto Standaardwaarde. Schakel scroll锚定 in.
none Schakel scroll锚定 uit.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Van de ouderlijke elementen overnemen van deze eigenschap. Raadpleeg inherit.

Technische details

Standaardwaarde: auto
Inheritance: Nee
Animatieproductie: Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.overflowAnchor="none"

Browserondersteuning

De getallen in de tabel vertegenwoordigen de browserversie die de eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Niet ondersteund 43.0

Gerelateerde pagina's

Handleiding:CSS Overloop

Referentie:CSS overflow eigenschap