Fungsi tombol scroll-to-top

Ketika pengguna menjelajahi halaman yang panjang, seringkali mereka perlu kembali ke bagian atas. Dalam situasi ini, menyediakan tombol ‘scroll-to-top (gulir ke atas)’ dapat meningkatkan pengalaman di situs web Anda.

1. Menambahkan tombol

Tempatkan ikon atau lapisan tombol di posisi yang Anda inginkan. (Dalam contoh ini, digunakan tombol yang dipasang di kanan bawah layar)

• Pilih tombol, kemudian di pengaturan Position pilih Fixed

• Pilih posisi yang ingin Anda tetap kan dalam pengaturan Position
  (Dalam contoh ini, diatur Bottom dan Right untuk menempatkannya tetap di kanan bawah layar)

2. Membuat scroll section

Sekarang, tentukan tujuan tempat tombol akan bergerak.

• Pilih navbar (area atas halaman)

• Klik ikon + di sebelah Scroll Section di panel kanan dan beri nama untuk bagian tersebut
  (Dalam contoh ini, bagian tersebut diberi nama #nev)

3. Menghubungkan tombol

Sekarang atur agar tombol terhubung ke scroll section.

• Pilih tombol tersebut

• Klik ikon + di sebelah Link di panel kanan

• Pilih halaman dan bagian yang sebelumnya dibuat, maka koneksi akan selesai.

Penyelesaian

Sebagai contoh langsung, kami merekomendasikan Anda untuk berlatih dengan me-remix proyek ini.

Jika terjadi masalah, silakan hubungi melalui halaman dukungan Framer untuk mendapatkan bantuan tambahan.

Tulisan ini adalah konten terjemahan dan adaptasi dari ‘How to add a scroll-to-top button to your website’ di blog resmi Framer.