CSS overscroll-behavior-x ominaisuus

Määrittely ja käyttö

overscroll-behavior-x Ominaisuus sulkee elementin liikkuvuusketjun tai yliliikkeen palautteen, kun käyttäjä yrittää liikkua liian kauas liikkuvuuden rajojen ulkopuolelle x-akselilla.

Huomioitavaa:Jos haluat käynnistää overscroll-behavior x-akselilla, saattaa olla tarpeen käyttää pyyhkäisyliikkeitä kosketuslevylle tai kosketusnäytölle.

Liikkumisketjutarkoittaa, että yliliikkeen elementissä voi aiheuttaa vanhemman elementin liikkumisen. Tämä on oletusarvo.

YliliikkeenPalautteena pidetään käyttäjän antamaa palautetta, kun käyttäjä yrittää liikkua liian kauas liikkuvuuden rajojen ulkopuolelle. Esimerkiksi mobiililaitteissa, kun käyttäjä yrittää liikkua liian kauas sivun ylälaidasta, sivu päivittyy visuaalisesti.

Esimerkki

Sulje <div>-elementin liikkuvuusketju x-akselilla:

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

Kokeile itse

CSS-kieli

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

Ominaisuusarvo

Arvo Kuvaus
auto Sallii liikkumisketjun ja yliliikkeen palautteen käyttäytymisen. Oletusarvo.
contain Sallii yliliikkeen palautteen käyttäytymisen, mutta ei liikkumisketjua.
none Ei sallita yliliikkeen palautetta tai liikkumisketjun käyttäytymistä.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: auto
Perintä: Ei
Animaatioiden luominen: Ei tuettu. Katso:Animaatiotulokset.
Versio: CSS3
JavaScript-kieli: object.style.overscrollBehaviorX="none"

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Microsoft Edge -sivustossa, ominaisuusarvo none nähdään containina, mikä ei ole oikein.

相关页面

Viittaus:CSS overscroll-behavior ominaisuus

Viittaus:CSS overscroll-behavior-block ominaisuus

Viittaus:CSS overscroll-behavior-inline ominaisuus

Viittaus:CSS overscroll-behavior-y ominaisuus

Viittaus:CSS scroll-behavior ominaisuus

Viittaus:CSS scroll-margin ominaisuus

Viittaus:CSS scroll-padding ominaisuus

Viittaus:CSS scroll-snap-align ominaisuus