Mengenal Fungsi Event Scroll Pada jQuery

Pada artikel kali ini saya akan membahas salah satu event di jquery yaitu event scroll(). Event scroll() ini berfungsi ketika user melakukan scroll pada halaman website. Untuk membuatnya pertama-tama teman teman buat dulu struktur tampilan HTMLnya yakni kita akan membuat satu elemen <div> dan diberikan class sebagai berikut

dan berikan sedikit CSS agar elemen tersebut berbentuk sebuah objek kotak yang memiliki tinggi dan lebar sebagai berikut

berikan tinggi pada sebuah element kotak yang panjang maka scrollbar akan di tampilkan pada browser. Langkah selanjutnya teman teman berikan fungsi jquery untuk memulai menerapkan event scroll jquery pada scrollbar atau memberikan aksi saat halaman di scroll. Kode jquerynya sebagai berikut

Sekarang teman teman boleh mencoba scroll halamannya dan jika dilakukan scroll pada halaman maka akan di tampilkan efek pesan alert contohnya seperti ini

Itu dia contoh dasar dalam penggunaan event scroll. Semoga Bermanfaat.

17 November 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat