Atribut overscroll-behavior-x CSS
- Halaman sebelumnya overscroll-behavior-inline
- Halaman berikutnya overscroll-behavior-y
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; }
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
- Halaman sebelumnya overscroll-behavior-inline
- Halaman berikutnya overscroll-behavior-y