Sifat overscroll-behavior-y CSS

Definisi dan penggunaan

overscroll-behavior-y Atribut digunakan untuk menutup rangkaian elemen atau umpan balik guling saat mencoba menggulung melebihi batas gerakan di arah y.

Rangkaian gulingMerupakan perilaku guling yang berlebihan di atas elemen akan menyebabkan perilaku gerakan induk elemen.

Guling berlebihanUmpan balik adalah umpan balik yang diberikan kepada pengguna saat mereka mencoba menggulung melebihi batas gerakan. Misalnya, di perangkat siap pakai, saat mencoba menggulung melebihi puncak halaman, biasanya disertai dengan umpan balik visual pemutaran halaman.

Contoh

Tutup rangkaian gerakan di elemen <div> yang dapat digulung:

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

Coba sendiri

Syntaks CSS

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

Nilai atribut

Nilai Deskripsi
auto Mengizinkan perilaku rangkaian guling dan umpan balik guling. Nilai default.
contain Mengizinkan perilaku umpan balik guling, tetapi tidak mengizinkan rangkaian guling.
none Tidak mengizinkan umpan balik penyelesaian guling atau perilaku guling rangkaian.
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit.

Detil teknis

Nilai default: auto
Inheritsi: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi: CSS3
Syntaks JavaScript: object.style.overscrollBehaviorY="none"

Dukungan pereksa

Angka di dalam tabel menunjukkan versi pereksa pertama yang mendukung atribut ini.

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* Di Microsoft Edge, nilai properti none dianggap seperti contain, ini adalah yang salah.

Related Pages

Reference:Sifat overscroll-behavior CSS

Reference:Sifat overscroll-behavior-block CSS

Reference:Sifat overscroll-behavior-inline CSS

Reference:Sifat overscroll-behavior-x CSS

Reference:Sifat scroll-behavior CSS

Reference:Sifat scroll-margin CSS

Reference:Sifat scroll-padding CSS

Reference:Sifat scroll-snap-align CSS