Properti overflow-anchor CSS

Definisi dan penggunaan

overflow-anchor Atribut ini digunakan untuk menonaktifkan penyangga ber滚动 (scroll anchoring).

Penyangga ber滚动 adalah fitur browser yang digunakan untuk mencegah bahwa area yang telah discroll ke viewport tetap bergerak saat konten baru dimuat. Ini sering menjadi masalah saat koneksi jaringan lambat, yaitu saat pengguna mengerol ke bawah sebelum halaman sepenuhnya dimuat dan mulai membaca.

Contoh

Nonaktifkan penyangga ber滚动:

div {
  overflow-anchor: none;
}

Coba sendiri

Syarat CSS

overflow-anchor: auto|none|initial|inherit;

Nilai atribut

Nilai Deskripsi
auto Nilai default. Aktifkan penyangga ber滚动
none Nonaktifkan penyangga ber滚动
initial Atur atribut ini ke nilai default. Lihat initial.
inherit Mengambil atribut ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai default: auto
Inheritsi: Tidak
Pembuatan animasi: Tidak didukung. Lihat:Atribut yang berhubungan dengan animasi.
Versi: CSS3
语法 JavaScript: object.style.overflowAnchor="none"

Dukungan peramban

Angka di tabel menunjukkan versi peramban pertama yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Tidak didukung 43.0

Halaman yang berhubungan

Panduan：CSS keluar

Referensi：Properti overflow CSS