CSS scroll-snap-stop -ominaisuus

Määritelmä ja käyttö

Kosketuslevyn tai kosketusnäytön nopean vetämisen aikanascroll-snap-stop Ominaisuus määrittää, kiinnitetäänkö vieritys suoraan ohitettuun elementtiin vai pysätetäänkö ja kiinnitetäänkö seuraavaan elementtiin.

Jotta voit hallita vierityksen kiinnittymisen pysähtymistä, sinun täytyy asettaa ominaisuus lapsielementille scroll-snap-stop ja Edellinen sivu Ominaisuus, ja aseta myös vanhemmalle elementille scroll-snap-type Ominaisuus.

Huomio: Voit kokeilla ominaisuutta vain kosketuslevyllä tai kosketusnäytöllä varustetulla laitteella. scroll-snap-stop Ominaisuuden vaikutus.

Esimerkki

Kosketuslevyn tai kosketusnäytön nopean vetämisen aikana, pakotetaan vierityksen pysähtyminen ja kiinnittäminen seuraavaan elementtiin eikä suorittaa suoraa ohitusta elementistä:

div {
  scroll-snap-stop: aina;
}

Kokeile itse

CSS-kieli

scroll-snap-stop: normal|aina|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
normal Oletusarvo. Kosketuslevyn tai kosketusnäytön nopean vetämisen jälkeen, vieritys jarruttaa hitaasti ja ohittaa useita elementtejä.
aina Kosketuslevyn tai kosketusnäytön nopean vetämisen jälkeen, vieritys loppuu ja seuraava elementti kiinnittyy keskittymiseen.
initial Aseta tämä ominaisuus oletusarvoonsa. Katso: initial.
inherit Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: normal
Perintä: Ei
Animaation tekeminen: Ei tuettu. Katso:Animaatiotunnukset.
Versio: CSS3
JavaScript-kieli: object.style.scrollSnapStop="aina"

Selaimen tuki

Taulukon numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Ooppera
75.0 79.0 103.0 15.0 15.0

62.0

Aiheeseen liittyvät sivutCSS scroll-snap-align -ominaisuus

Aiheeseen liittyvät sivutCSS scroll-snap-type -ominaisuus