Pada siang cerah ini, saya akan memberikan sebuah tutorial lagi dimana untuk kali ini kita akan belajar cara menerapkan method jQuery scroll, jadi di jquery terdapat method yang namanya scroll, dari tulisannya saja kita sudah bisa membayangkan fungsi dari method ini, ya betul pasti berhubungan dengan sebuah scroll pada mouse tentunya, jadi method scroll ini kita akan apakan ketika kita scroll ada sesuatu apa ketika kita scroll seperti itu, dimana masih banyak juga yang masih bertanya maka dari itu jangan kemana-mana simak terus ya teman-teman.

Seperti judulnya yaitu cara menerapkan method jQuery scroll disini saya akan membuat sebuah menu dan saya membuat template one page dimana isinya satu website tersebut terdapat pada satu page, jadi home, profile, contact, ada dalam satu file, dimana teman-teman kita ingin melihat post yang lain tinggal scroll kebawah tentunya, tetapi karena one page dan kita tidak tahu sebanyak apa isi content dari setiap category menu, menyebabkan kita sedikit makan banyak waktu / kesulitan pada saat ingin melihat category menu lainya, jadi ketika saya ingin melihat category yang lain saya harus scroll kebawah, nah disini saya akan membantu masalah itu dengan method scroll kita bisa membantu menscroll ke category menu yang ingin kita tuju, keren bukan, caranya teman-teman silahkan coba, teman-teman bisa ikutin kode saya atau teman-teman lihat lalu coba teman-teman design sendiri ya

yang perlu teman-teman perhatikan disini coba teman-teman lihat pada bagian proses jquerynya ya, ada kode seperti ini:

fungsi dari selector jquery di atas adalah untuk memanggil atau mengambil value yang terdapat pada ahref seperti itu lalu ada

this.has itu supaya kita mendapatkan id sesuai yang kita klik, dan kita buat $target lagi untuk kita rubah lagi menjadi object karena disini kita ingin mendapatkan proses offsetnya seperti itu, oke jika kita lihat di atas, silahkan teman-teman coba jika berhasil ketika teman-teman klik maka di akan tertuju pada category menu yang teman-teman ingin kan.

cara menerapkan method jQuery scroll cara menerapkan method jQuery scroll

silahkan teman-teman pilih dan coba ketika teman-teman klik product maka tampilan akan bergeser kebawah dan menuju pada post productnya, kurang lebih seperti itu ya cara menerapkan method jQuery scroll semoga bermanfaat dan sampai jumpa pada tutorial berikutnya terimakasih.

WhatsApp chat