Masalah tampilan tidak lepas dari yang namanya user experience dan user interface. Keduanya adalah elemen yang harus kalian pahami jika ingin menjadi seorang web developer. Karena dua hal tersebut saling berkaitan dan memiliki hubungan erat untuk memberikan pelayanan terbaik bagi pengunjung website kalian. Dengan user experience kita akan belajar memahami tingkah laku seorang saat mengunjungi website kita. Sedangkan user interface untuk memberikan tampilan yang menarik dan tidak membuat bosan.

Maka dari itu kalian harus mengeksplor dua hal tersebut. Seperti pembahasan kali ini kita akan belajar membuat menu fixed saat scroll dengan Jquery. Lalu apa hubunganya dengan 2 hal yang sudah kita sebutkan sebelumnya ?. Hubunganya adalah kita akan belajar membuat website kita menjadi website yang nyaman dan memiliki interaksi dengan pengunjung sehingga akan berdampak positif ketika kita berhasil memberikan website dengan tata cari yang baik.

Menu fixed ini sebenarnya adalah hal yang umum. Contoh yang mungkin kalian sering lihat adalah pada menu seperti facebook atau twitter. Mereka mempunyai menu yang tetap diatas walaupun kalian telah men-scroll jauh kebawah. Tapi pada contoh pembahasan kali ini kita buat tidak seperti itu, melainkan menu yang kita buat akan berubah menjadi fixed saat kita sudah men-scroll kebawah.

Agar tidak bingun kalian bisa coba ikuti contoh code dibawah ini ya. Buat file HTML seperti ini.

scroll.html

Setelah sudah kalian simpan dan lihat hasilnya. Jika berhasil maka akan seperti ini.

saat belum scroll kebawah, menu masih diposisi awal.

saat sudah discroll menu berubah menjadi tetap diatas.

mudah bukan ?

Sekian pembahasan mengenai membuat menu fixed saat scroll dengan Jquery. Semoga bermanfaat.