Author : QBOEL STUDIO
21 February 2026

Fitur Auto Scroll pada undangan digital berfungsi untuk membuat halaman bergerak otomatis ke bawah tanpa perlu tamu menggeser layar secara manual. Fitur ini sangat cocok untuk konsep undangan modern, minimalis, dan praktis — terutama untuk tamu yang membuka undangan melalui HP.

Namun, sering kali kecepatannya terasa terlalu cepat atau terlalu lambat.

Tenang 👇
Kamu bisa mengatur kecepatannya langsung dari kode Javascript.


Dimana Mengatur Auto Scroll?

Biasanya pengaturan ada pada bagian script seperti ini:

 
 
/* Fungsi Mengganti Teks Tertentu Dengan Teks Lain */
/* replaceText("teks yang akan diganti","teks yang akan menggantikan"); */
/* Contoh Implementasi */
/*replaceText("pernikahan","ngunduh mantu");*/
/*replaceText("The Wedding Of","Ngunduh Mantu");*/

speedAutoScroll=3800;
intervalAutoScroll=3800;
 

Yang perlu kamu fokuskan adalah dua baris terakhir:

 
 
speedAutoScroll=3800;
intervalAutoScroll=3800;
 

Arti Angka Pada Auto Scroll

Nilai angka tersebut menggunakan satuan milidetik (ms).

👉 1000 ms = 1 detik

Artinya:

  • 2000 = 2 detik

  • 3000 = 3 detik

  • 5000 = 5 detik


Aturan Penting

🔹 Semakin Besar Nilainya = Semakin Lambat

🔹 Semakin Kecil Nilainya = Semakin Cepat

Contoh:

Jika Ingin Lebih Cepat

 
 
speedAutoScroll=2000;
intervalAutoScroll=2000;
 

Jika Ingin Lebih Lambat

 
 
speedAutoScroll=5000;
intervalAutoScroll=5000;
 

Rekomendasi Setting Ideal

Untuk undangan digital yang nyaman dibaca:

  • 📱 Mobile friendly → 3500 – 4500

  • 💻 Desktop → 4000 – 5000

  • 🎬 Efek cinematic slow → 5000 – 6500

Setting 3800 seperti contoh di atas termasuk kategori standar & nyaman.


Perbedaan Speed dan Interval

  • speedAutoScroll → Kecepatan perpindahan scroll

  • intervalAutoScroll → Jarak waktu antar pergerakan scroll

Biasanya keduanya dibuat sama agar gerakan terasa natural.


Tips Agar Tidak Terlalu Cepat

✔ Sesuaikan dengan panjang konten
✔ Perhatikan ukuran font
✔ Uji coba di HP dan desktop
✔ Jangan terlalu cepat agar tamu tidak pusing


Kesimpulan

Mengatur auto scroll pada undangan digital sangat mudah:

  1. Buka file Javascript

  2. Cari bagian:

     
     
    speedAutoScroll=
    intervalAutoScroll=
     
  3. Ubah angkanya sesuai kebutuhan

  4. Semakin besar angka → semakin lambat

Dengan pengaturan yang tepat, undangan digital kamu akan terlihat lebih profesional, elegan, dan nyaman dibaca ✨