jQuery scrolling menu bar disini kita akan membuat sebuah menu layaknya sebuah one page website,   Scrolling menu bar ini akan membuat scroll halaman akan lebih meningkatkan dalam menggunakan menu. Scrolling Menu Ini sangat membantu pengguna untuk mencapai area menu dengan mudah.

Dalam contoh ini, kita akan membuat menu dengan position fixed pada sebelah kiri. Pada saat mengklik menu maka akan otomatis menu akan bergulir ke atas atau bawah untuk mencari menu yang dipilih.

Scrolling Menu HTML

Kode HTML ini digunakan untuk menampilkan menu scrolling. Saya memberikan position fixed pada menu HTML untuk ditampilkan pada halaman bagian kiri.

Dibawah ini merupakan contoh skrip untuk menampilkan halaman konten dari isi menu yang akan kita pilih

 

 

jQuery Smooth Scrolling Effect

Skrip jQuery ini digunakan untuk menggulir halaman tergantung pada posisi teratas DIV target. Ini dilakukan dengan mengatur properti scrollTop dengan fungsi jQuery animate ().

Oke itulah tadi pembahasan saya tentang Cara Membuat jQuery Scrolling Menu semoga bermanfaat.