Properti overscroll-behavior-y CSS

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;
}

Coba sendiri

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