CSS scroll-snap-stop özelliği

Tanım ve Kullanım

Dokunmatik yüzey veya dokunmatik ekran üzerinde hızlı kaydırırken,scroll-snap-stop Özelliği, kaydırmanın doğrudan elementleri atlamayıp, durdurup bir sonraki elemente çeker şekilde belirler.

Kaydırma çekme durdurma davranışını kontrol etmek için, alt elementte ayarlanmalıdır scroll-snap-stop ve scroll-snap-align Özellik, aynı zamanda ebeveyn elementinde de ayarlanmalıdır scroll-snap-type Özellik.

Uyarı: Bu özelliği deneyimlemek için dokunmatik yüzey veya dokunmatik ekranı olan bir cihazda kaydırma hareketi yapmanız gerekir. scroll-snap-stop Özellik Etkisi.

Örnek

Dokunmatik yüzey veya dokunmatik ekran üzerinde hızlı kaydırırken, doğrudan elementleri atlamak yerine zorunlu olarak kaydırma durdurulur ve bir sonraki elemente çeker:

div {
  scroll-snap-stop: always;
}

Kişisel Deneyim

CSS Dilbilgisi

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

Özellik Değeri

Değer Açıklama
normal Varsayılan Değer. Dokunmatik yüzey veya dokunmatik ekran üzerinde hızlı kaydırma yapıldıktan sonra, kaydırma yavaş yavaş yavaşlar ve çok sayıda elementi atlar.
always Dokunmatik yüzey veya dokunmatik ekran üzerinde hızlı kaydırma yapıldıktan sonra, kaydırma durur ve bir sonraki element odak noktasına çeker.
initial Bu özelliği, varsayılan değerine ayarlar. Ayrıca bakınız: initial.
inherit Bu özelliği, ebeveyn elementinden miras alır. Ayrıca bakınız: inherit.

Teknik Ayrıntılar

Varsayılan Değer: normal
Miras: Hayır
Animasyon Yapımı: Desteklenmiyor. Ayrıca bakınız:Animasyon İle İlgili Özellikler.
Sürüm: CSS3
JavaScript Dilbilgisi: object.style.scrollSnapStop="always"

Tarayıcı Desteği

Tablozdaki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

İlgili sayfalar

Referans:CSS scroll-snap-align özelliği

Referans:CSS scroll-snap-type özelliği