Properti overscroll-behavior-inline CSS

Referensi： Halaman sebelumnya
Halaman berikutnya overscroll-behavior-x

Definisi dan penggunaan

overscroll-behavior-inline Properti ini digunakan untuk menutup rangkaian penyerapan elemen atau umpan balik penyerapan berlebih saat mencoba menggulir di luar batas penyerapan baris.

Perhatian:Untuk mengaktifkan overscroll-behavior dalam arah baris, Anda mungkin perlu menggunakan geser tangan di pad atau layar sentuh.

Rangkaian penyeretan adalah perilaku penyeretan yang terjadi di elemen saat terjadi penyeretan berlebihan. Ini adalah perilaku standar.

Umpan balik penyeretan berlebihan adalah umpan balik yang diberikan saat pengguna mencoba mengerahkan di luar batas penyeretan. Contohnya, di perangkat bergerak, saat mencoba mengerahkan di luar puncak halaman, biasanya disertai dengan umpan balik visual pemberian halaman yang pembersih. overscroll-behavior-inline dan Halaman sebelumnya Atribut dengan overscroll-behavior-x dan overscroll-behavior-y Atribut sangat mirip, tetapi overscroll-behavior-inline dan Halaman sebelumnya Atribut ini tergantung dari arah blok dan arah dalam.

Perhatian:Atribut CSS yang berhubungan writing-mode Definisi arah dalam. Ini akan mempengaruhi apakah arah dalam berada di arah x atau y, serta overscroll-behavior-inline Hasil atribut. Untuk halaman berbahasa Inggris, arah dalam adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

Contoh

Contoh 1

Tutup rangkaian penyeretan di arah dalam elemen <div> yang dapat digerakkan:

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

Coba sendiri

Contoh 2: Gabungan atribut writing-mode

Ubah elemen <div> seperti ini writing-mode Nilai atribut diatur menjadi 'vertical-rl', sehingga arah dalam diubah menjadi arah y, jadi overscroll-behavior-inline Sekarang berfungsi di arah y, bukannya arah x:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

Coba sendiri

Syntaxa CSS

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

Nilai atribut

Nilai	Deskripsi
auto	Mengizinkan perilaku rangkaian penyeretan dan umpan balik penyeretan berlebihan. Nilai standar.
contain	Mengizinkan umpan balik penyeretan berlebihan tetapi tidak mengizinkan rangkaian penyeretan.
none	Tidak mengizinkan umpan balik penyeretan berlebihan atau perilaku rangkaian penyeretan.
initial	Atur atribut ini ke nilai standarnya. Lihat initial.
inherit	Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar:	auto
Inheritance:	Tidak
Pembuatan animasi:	Tidak didukung. Lihat:Atribut berhubungan dengan animasi.
Versi:	CSS3
Syntaxa JavaScript:	object.style.overscrollBehaviorInline="none"