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

8 Oktober 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat