Membuat navigasi menu pada web selalu diatas layar (sticky Navigation)

linkdesain.com Navigasi menu selalu diatas layar (sticky) memang menjadi trend website saat ini hampir semua website modern menggunakan style navigasi ini saat ini. Keuntungannya sendiri menggunakan style navigasi seperti ini adalah selain untuk memudahkan user experience, style menu sticky juga dapat meningkatkan branding perusahaan karena Brand atau logo website akan selalu nampak dilayar . Lalu bagaimana cara membuat style navigasi seperti ini? Caranya sangat mudah apabila kita menggunakan framework bootstrap akan lebih mudah lagi karena cukup memanggil kelas untuk navbar dan menjadikan navbar dari bootstrap tsb menjadi fixed di top. Tapi kalau kita ingin membuatnya manual juga tidak kalah mudahnya dan tentunya dengan mebuat secara manual navigasi ini maka kita akan lebih leluasa untuk memodfikasinya. Mau tau caranya membuat navigasi yang selalu fixed di atas layar? Simak tutorial membuat navigasi sticky berikut versi linkdesain..




membuat navigasi sticky 
Pertama bikin tag untuk navigasi.. kalo html 5 kita bisa menggunakan tag
<nav></nav>



Jangan lupa tambahkan menu menu didalm tag








Share this

Related Posts

Previous
Next Post »

Komentar disini ..