ButtonsLesson 116Preview gratis
Scroll To Top Button
Lesson ini bagian dari How To · Semua level
Ringkasan
Scroll to top button adalah tombol yang muncul setelah pengguna menggulir cukup jauh dan membawa mereka kembali ke atas halaman. Tombol biasanya diposisikan fixed di sudut kanan bawah. JavaScript memantau posisi scroll untuk menampilkan atau menyembunyikannya, lalu memanggil scrollTo dengan perilaku halus.
Poin kunci
- Gunakan position: fixed agar tombol tetap terlihat saat halaman digulir.
- Sembunyikan tombol saat scrollY masih kecil, tampilkan setelah melewati ambang tertentu.
- window.scrollTo({ top: 0, behavior: 'smooth' }) menggulir ke atas dengan animasi.
- Listener scroll sebaiknya memakai opsi passive untuk performa.
- Beri aria-label dan pastikan tombol tidak menutupi konten penting.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.