Properti overscroll-behavior-y CSS
- Halaman sebelumnya overscroll-behavior-x
- Halaman berikutnya padding
Definisi dan penggunaan
overscroll-behavior-y
Atribut digunakan untuk mematikan chain scrolling atau umpan balik over-scrolling saat mencoba meng-scroll di luar batas scrolling di arah y.
Chain scrollingMerupakan hal yang terjadi saat over-scrolling di elemen akan menyebabkan perilaku scrolling elemen orang tua. Ini adalah perilaku default.
Over-scrollingUmpan balik adalah umpan balik yang diberikan saat pengguna mencoba meng-scroll di luar batas scrolling. Contohnya, di perangkat ponsel, saat mencoba meng-scroll di luar puncak halaman, biasanya disertai dengan umpan balik visual pemutaran halaman.
Contoh
Tutup chain scrolling untuk elemen <div> yang dapat di-scroll:
#yellowDiv { overscroll-behavior-y: contain; }
Syntaxa CSS
overscroll-behavior-y: auto|contain|none|initial|inherit;
Nilai atribut
Nilai | Deskripsi |
---|---|
auto | Mengijinkan perilaku chain scrolling dan umpan balik penyeleksi lewat scrolling. Nilai default. |
contain | Mengijinkan umpan balik penyeleksi lewat scrolling tetapi tidak mengijinkan chain scrolling. |
none | Tidak mengijinkan umpan balik penyeleksi lewat scrolling atau perilaku chain scrolling. |
initial | Atur atribut ini ke nilai default. Lihat initial. |
inherit | Mengambil atribut ini dari elemen orang tua. Lihat inherit. |
Detil teknis
Nilai default: | auto |
---|---|
Inheritance: | Tidak |
Pembuatan animasi: | Tidak didukung. Lihat:Atribut berhubungan dengan animasi. |
Versi: | CSS3 |
Syntaxa JavaScript: | object.style.overscrollBehaviorY="none" |
Dukungan browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
63.0 | 18.0 * | 59.0 | 16.0 | 50.0 |
* Dalam Microsoft Edge, nilai properti none dianggap sebagai contain, hal ini salah.
Halaman yang berhubungan
Referensi:Properti overscroll-behavior CSS
Referensi:Properti overscroll-behavior-block CSS
Referensi:Properti overscroll-behavior-inline CSS
Referensi:Properti overscroll-behavior-x CSS
Referensi:Properti scroll-behavior CSS
Referensi:Properti scroll-margin CSS
Referensi:Atribut scroll-padding CSS
Referensi:Atribut scroll-snap-align CSS
- Halaman sebelumnya overscroll-behavior-x
- Halaman berikutnya padding