One Page Layout & Fixed Navbar

One Page Layout & Fixed Navbar

Kali ini kita akan mencoba mebuat sebuah layout web, dengan beberapa menu atau navigasi. Seperti menu home, about dan contact. Namun ketika kita klik menu tersebut kita tidak akan menjumpai halaman yang baru, melainkan masih dihalaman yang sama (index). Teknik melayout seperti ini biasanya disebut One Page Layout.

Untuk tutorial kali ini juga kita akan mencoba membuat menu atau navigasi berada disebelah kiri dari layout utama. Disaat kita melakukan gulir (scroll) kebawah, menu tersebut tetap (Fixed) pada posisi awal.

Langsung saja kita praktekkan ya teman-teman,

Yang perlu kita perhatikan adalah source yang menuju ke file javascript

terdapat beberapa file javascript, seperti library utama, serta dua plugin lainnya sebagai efek scroll serta aktivasinya.

Jangan lupa untuk menambahkan kode berikut ini:

berguna ketika halaman discroll.
Untuk lebih jelasnya hasilnya bisa dilihat dibawah ini, dan silahkan berkreasi sampai jumpa diartikel berikutnya.

Comments are closed.