Atribut overscroll-behavior-x CSS

definisi dan penggunaan

overscroll-behavior-x properti ini digunakan untuk menutup alur penyerupan atau umpan balik penyeleksi berlebihan saat mencoba menggerakkan luar batas gerakan di arah x.

catatan:untuk memicu overscroll-behavior di arah x, Anda mungkin perlu menggunakan gerakan geser di panel sentuh atau layar sentuh.

alur penyerupanadalah penyeleksi berlebihan di dalam elemen yang akan menyebabkan perilaku gerakan penyerupan elemen induk. Ini adalah perilaku standar.

penyeleksi berlebihanumpan balik adalah umpan balik yang diberikan saat pengguna mencoba menggerakkan luar batas gerakan. Misalnya, di perangkat bergerak, saat mencoba menggerakkan luar puncak halaman, biasanya disertai dengan umpan balik visual pemutaran halaman.

contoh

menutup alur penyerupan penyerupan elemen <div> yang dapat digerakkan di arah x:

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

Coba sendiri

Syntax CSS

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

nilai properti

Nilai Deskripsi
auto izinkan perilaku alur penyerupan dan umpan balik berlebihan. Nilai standar.
contain izinkan perilaku umpan balik berlebihan tetapi tidak izinkan alur penyerupan.
none tidak mengizinkan umpan balik penyeleksi berlebihan atau perilaku alur penyerupan.
initial atur properti ini ke nilai standar. Lihat initial.
inherit mengambil properti ini dari elemen induk. Lihat inherit.

detil teknis

Nilai standar: auto
Inheritance: tidak
pembuatan animasi: tidak didukung. Lihat:properti animasi.
Versi: CSS3
Syntax JavaScript: object.style.overscrollBehaviorX="none"

dukungan peramban

angka di tabel menunjukkan versi peramban pertama yang mendukung properti ini.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* di Microsoft Edge, nilai properti none dianggap contain, hal ini salah.

halaman relevan

Referensi:Atribut overscroll-behavior CSS

Referensi:Atribut overscroll-behavior-block CSS

Referensi:Atribut overscroll-behavior-inline CSS

Referensi:Atribut overscroll-behavior-y CSS

Referensi:Atribut scroll-behavior CSS

Referensi:Atribut scroll-margin CSS

Referensi:Atribut scroll-padding CSS

Referensi:Atribut scroll-snap-align CSS