Sifat scrollBehavior

Definisi dan penggunaan

scrollBehavior Sifat menentukan apakah ada efek animasi yang lancar saat pengguna mengklik tautan di dalam kotak geser, bukannya melompat langsung.

Lihat pula:

Panduan CSS:Sifat scroll-behavior

Contoh

Tambahkan efek geser yang lancar ke halaman:

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

Coba sendiri

Syarat

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

Nilai sifat

Nilai Deskripsi
auto Baku. Izinkan lompatan langsung antara elemen di dalam kotak geser.
smooth Izinkan animasi yang lancar antara elemen di dalam kotak geser.
initial Tetapkan sifat ini ke nilai standar. Lihat pula initial
inherit Mewarisi sifat ini dari elemen induknya. Lihat pula inherit

Dukungan pelayar

Angka di dalam tabel menunjukkan versi paling awal penggunaan yang mendukung sifat ini.

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