Membuat Halaman Website Fullpage Scrolling

Hallo teman-teman, pada kesempatan  kali ini saya akan memberikan sebuah trik untuk kalian yang sedang belajar membuat halaman lebih menarik. Pernahkah kalian melihat satu halaman  website yang memiliki halaman sebesar layar browser atau full page. dan ada juga halaman yang seperti ada pengaturan scroll per sectionnya.

Kali ini saya akan mengajarkan trik tersebut.

Pernahkah kalian dengar FullPage.js? plugin ini memiliki fitur yang cukup menarik untuk digunakan pada website single page.

Cara penggunaan untuk membuat halaman scroll sederhana bisa dilakukan dengan cara berikut.

download file fullpage js di akhir postingan ini.

Pertama kita buat sebuah file html, lalu hubungkan file fullpage.js dan fullpage.css yang ada di masing-masing folder

lalu buat struktur HTML nya seperti ini

Lalu kita panggil fungsi javascriptnya dengan parameter id #fullpage

baiklah teman-teman untuk lebih lengkapnya bisa kalian lihat pada source yang saya upload pada link berikut

DOWNLOAD