Atribut scroll-snap-stop CSS

Rekomendasi kursus:

Definisi dan penggunaanscroll-snap-stop Ketika menggeser dengan cepat di pad atau layar sentuh,

properti ini digunakan untuk menentukan apakah penarikan langsung melompati elemen, atau berhenti dan menarik ke elemen berikutnya. scroll-snap-stop Untuk mengendalikan perilaku penarikan menarik berhenti, harus diatur properti di elemen anak Halaman sebelumnya Properti, serta atur scroll-snap-type properti.

Perhatian: Anda perlu menggunakan gerakan geser di perangkat dengan pad atau layar sentuh untuk mengeksperimen scroll-snap-stop efek properti.

Contoh

Paksa penarikan berhenti saat menggeser dengan cepat di pad atau layar sentuh dan menarik ke elemen berikutnya, bukannya melompati elemen:

div {
  scroll-snap-stop: always;
}

Coba sendiri

Syarat CSS

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

Nilai properti

Nilai Deskripsi
normal Nilai default. Setelah menggeser dengan cepat di pad atau layar sentuh, penarikan akan menurun perlahan dan melompati beberapa elemen.
always Setelah menggeser dengan cepat di pad atau layar sentuh, penarikan akan berhenti dan elemen berikutnya akan menarik ke posisi fokus.
initial Atur properti ini ke nilai default. Lihat initial.
inherit Mengambil properti ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai default: normal
Inheritance: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Properti berhubungan dengan animasi.
Versi: CSS3
语法 JavaScript: object.style.scrollSnapStop="always"

Dukungan Browser

Angka di tabel menunjukkan versi browser pertama yang sepenuhnya mendukung properti ini.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 15.0

62.0

Halaman yang berhubunganAtribut scroll-snap-align CSS

Halaman yang berhubunganAtribut scroll-snap-type CSS