Atribut Style scrollBehavior

Definisi dan penggunaan

scrollBehavior Atribut menentukan apakah ada efek animasi lembut saat pengguna mengklik tautan di dalam kotak yang dapat digerakkan, bukannya melompat langsung.

Lihat pula:

Panduan CSS:Atribut scroll-behavior

Contoh

Tambahkan efek gerak lembut ke halaman:

document.documentElement.style.scrollBehavior = "smooth";

Coba sendiri

Syntaks

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Baku. Memungkinkan elemen dalam kotak gerak melompat langsung ke posisi lain.
smooth Memungkinkan adanya animasi lembut antara elemen dalam kotak gerak.
initial Atur atribut ini ke nilai standar. Lihat pula initial
inherit Mengambil atribut ini dari elemen induknya. Lihat pula inherit

Dukungan browser

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0