Scroll Indicator (JavaScript)

Scroll Indicator (JavaScript)

Untuk artikel kali ini kita akan coba membuat efek loading konten dengan menggunakan JavaScript, jadi seperti ini cara kerjanya disaat kita melakukan scroll sebuah halaman web, kita memberikan indikator tambahan, untuk mengetahui sudah sejauh mana, posisi kita berada saat melakukan scroll halaman.

Untuk lebih jelasnya kita coba praktekkan, buatlah file index.html lalu isikan kode berikut:

lalu dilanjutkan dengan membuat file css, kemudian tambahkan kode css berikut:

tahapan selanjutnya sebagai aktivasi, efeks scroll kalian bisa menambahkan skrip berikut:

Untuk hasilnya akan terlihat sebagai berikut: