MoreLesson 214Preview gratis
Smooth Scroll
Lesson ini bagian dari How To · Semua level
Ringkasan
Smooth scroll membuat perpindahan ke bagian halaman berlangsung halus, bukan melompat langsung. CSS menyediakan scroll-behavior: smooth yang berlaku untuk tautan anchor dan pemanggilan scroll API. Untuk kontrol lebih spesifik, JavaScript dapat memakai scrollIntoView atau window.scrollTo dengan opsi behavior: 'smooth'.
Poin kunci
- scroll-behavior: smooth pada html mengaktifkan gulir halus untuk anchor
- Tautan anchor memakai href='#id' untuk menuju elemen tujuan
- scrollIntoView({ behavior: 'smooth' }) memberi efek halus dari JavaScript
- Gunakan scroll-padding-top agar judul tidak tertutup header tetap
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.