CSS overscroll-behavior-y ominaisuus

Kurssivihje:

Määrittely ja käyttö overscroll-behavior-y

Ominaisuus käytetään sulkemaan elementin liikkumisketju tai yliliikkeen palautteena yrittäessä liikkua ylittää liikkumisraja y-akselilla.Liikkumisketju

Tarkoittaa sitä, että yliliikkeen tapahtuminen yhdessä elementissä aiheuttaa vanhemman elementin liikkumis käyttäytymisen. Tämä on oletus käyttäytyminen.Yliliikkeen palautteena

Palautteena pidetään palautetta, joka annetaan käyttäjälle, kun hän yrittää liikkua elementin ulkopuolelle liikkumisrajojen ulkopuolelle. Esimerkiksi mobiililaitteissa, kun yritetään liikkua sivun ylälaidan ulkopuolelle, sivun virkistys tapahtuu yleensä visuaalisen palautteen mukana.

Esimerkki

Sulje liukuvan <div>-elementin liikkumisketju:
  #yellowDiv {
overscroll-behavior-y: contain;

}

Kokeile itse

CSS-kieli

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

Ominaisuusarvo Arvo
Oletusarvo: Kuvaus
Sallii liikkumisketjun ja yliliikkeen palautteen käyttäytymisen. Oletusarvo. contain
Sallii yliliikkeen palautteen käyttäytymisen, mutta ei salli liikkumisketjua. none
Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: Ei sallita yliliikkeen palautetta tai liikkumisketjun käyttäytymistä. Aseta tämä ominaisuus sen oletusarvon arvoon. Katso:Animaatiot
Näytä initial NäytäAnimaatiot

inherit

Tekninen tarkistus Oletusarvo:
auto Perintä:
Ei Animaatioiden luominen:Ei tuettu. Katso:Animaatiot
. Versio:
CSS3 JavaScript-kieli: object.style.overscrollBehaviorY="none"

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge:ssä ominaisuusarvo none käsitellään kuin contain, mikä ei ole oikein.

Aiheeseen liittyvät sivut

Viittaus:CSS overscroll-behavior ominaisuus

Viittaus:CSS overscroll-behavior-block ominaisuus

Viittaus:CSS overscroll-behavior-inline ominaisuus

Viittaus:CSS overscroll-behavior-x ominaisuus

Viittaus:CSS scroll-behavior ominaisuus

Viittaus:CSS scroll-margin ominaisuus

Viittaus:CSS scroll-padding -ominaisuus

Viittaus:CSS scroll-snap-align -ominaisuus