Mengenal Fungsi Event Scroll Pada jQuery

17/11/2015    Ekky Ridyanto    1500     Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More