CSS overscroll-behavior-y egenskab

Definition og brug

overscroll-behavior-y Egenskaben bruges til at slukke for elementets rullekæde eller overflødig rulning feedback, når der prøves at rulle uden for rullegrænserne i y-retningen.

RullekædeBetyder, at overflødig rulning på et element vil føre til rulleadfærd for родительского element. Dette er standardadfærd.

Overflødig rulningFeedback er feedback, der gives, når brugeren forsøger at rulle uden for rullegrænserne. For eksempel, på mobile enheder, når du forsøger at rulle uden for toppen af siden, vil der normalt være en visuel feedback sammen med opdatering af siden.

Eksempel

Luk rullekæden for en rulbar <div>-element:

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

Prøv det selv

CSS-syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto Tillad rullekæde og overflødig rulning feedback adfærd. Standardværdi.
contain Tillad overflødig rulning feedback adfærd, men ikke rullekæde.
none Tillad ikke overflødig rulning feedback eller rullekædeadferd.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arv denne egenskab fra sin forældreelement. Se: inherit.

Tekniske detaljer

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

Browserunderstøttelse

Tallene i tabellen repræsenterer den første browserversion, der fuldt ud understøtter egenskaben.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* I Microsoft Edge behandles værdien none som contain, hvilket er forkert.

Relaterede sider

Reference:CSS overscroll-behavior egenskab

Reference:CSS overscroll-behavior-block egenskab

Reference:CSS overscroll-behavior-inline egenskab

Reference:CSS overscroll-behavior-x egenskab

Reference:CSS scroll-behavior egenskab

Reference:CSS scroll-margin egenskab

Reference:CSS scroll-padding egenskab

Reference:CSS scroll-snap-align egenskab