Kelembagaan CSS scroll-behavior

Definisi dan penggunaan

Ciri scroll-behavior menentukan sama ada gerakan penempatan digerakkan secara lancar (dengan efek animasi) apabila pengguna mengklik pautan di dalam kotak yang dapat digerakkan, atau melompat ke tempat yang terletak.

Contoh

Menambahkan kesenarasan gerakan yang lancar kepada dokumen:

html {
  scroll-behavior: smooth;
}

Cuba sendiri

Syarat CSS

scroll-behavior: auto|smooth|initial|inherit;

Nilai ciri

Nilai Penerangan
auto Nilai lalai. Memungkinkan 'efek gerakan' melompat langsung antara elemen di dalam kotak gerakan.
senarasan Memungkinkan kesenarasan 'efek gerakan' antara elemen di dalam kotak gerakan.
initial Tetapkan ciri ini kepada nilai lalai. Lihat initial.
inherit Mewarisi ciri ini dari elemen bapanya. Lihat inherit.

Butir teknikal

Nilai lalai: auto
Warisan: Tidak
Pembuatan animasi: Tidak disokong. Lihat:Ciri-ciri animasi.
Versi: Modul Lihat CSSOM (draf kerja)
Syarat Bahasa JavaScript: object.style.scrollBehavior="smooth"

Dukungan pelayar

Nombor di dalam tabel menunjukkan versi paling awal penggunaan browser yang mendukung ciri ini.

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