MoreLesson 284Preview gratis
JS Scroll Into View
Lesson ini bagian dari How To · Semua level
Ringkasan
scrollIntoView adalah method pada elemen DOM yang membuat browser menggulir halaman sampai elemen tersebut terlihat. Kamu bisa mengatur perilaku gulir menjadi halus (smooth) dan menentukan posisi elemen di layar, misalnya di bagian atas atau tengah. Method ini sering dipakai untuk menu navigasi anchor, tombol kembali ke atas, dan penanda bagian yang sedang dibaca.
Poin kunci
- Dipanggil langsung pada elemen, misalnya target.scrollIntoView()
- Opsi behavior: "smooth" memberi animasi, "auto" bergerak langsung
- Opsi block mengatur posisi vertikal: start, center, end, atau nearest
- Opsi inline mengatur posisi horizontal pada kontainer yang bisa digulir
- Padukan dengan CSS scroll-margin-top agar tidak tertutup header tetap
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.