Sticky Navigation CSS

Sticky Navigation CSS

Tutorial kali ini kita akan mencoba bagaimana membuat menu atau navigasi sebuah website tetap berada di tempat (fix) ketika kita scroll halaman. Jadi langsung saja kita menuju tutorialnya.

Buatlah sebuah file dengan nama index.html, yang isinya kurang lebih sebagai berikut:

Buatkan sebuah file.css isinya sebagai berikut:

Pada tutorial diatas saya mencoba menambahkan font custom Open Sans, teman-teman bisa gunakan atau tidak silahkan, hanya tambahan saja.

Yang perlu kita garis bawahi adalah kita menggunakan javascript dan jQuery library dalam pembuatan navigasi kita ini, seperti berikut:

Hasilnya teman-teman bisa lihat

Comments are closed.