CSS overflow-anchor egenskab

Definición y uso

overflow-anchor Egenskaben bruges til at deaktivere rul锚定 (scroll anchoring).

Rul锚ing er en funktion i browseren, der bruges til at forhindre, at områder, der allerede er rullet til viewportet, bevæger sig, når der indlæses nyt indhold. Dette bliver ofte et problem, når netværksforbindelsen er langsom, dvs. når brugeren ruller ned og begynder at læse, før siden er fuldt indlæst.

Eksempel

Deaktiver rul锚定：

div {
  overflow-anchor: none;
}

Prøv det selv

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto Standardværdi. Aktiver rul锚定。
none Deaktiver rul锚定。
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arver denne egenskab fra sin forældreelement. Se: inherit.

Tekniske detaljer

Standardværdi: auto
Arv: Nej
Animation fremstilling: Ikke understøttet. Se:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.overflowAnchor="none"

Browserunderstøttelse

Tabellennumre angiver den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Ikke understøttet 43.0

Relaterede sider

Læringsguide:CSS Oversvømmelse

Reference:CSS overflow egenskab