Cách Tạo Trang Tương Tự Fullpage Js Bằng Theme Flatsome

5/5 - (6 bình chọn)

Bạn có muốn tạo một trang tương tự như https://alvarotrigo.com/fullPage/

Sau đây mình sẽ hướng dẫn bạn cách tạo trang tương tự Fullpage js bằng theme Flatsome

Bước 1: Tạo mới mục Custom JS của plugin vừa tải phía trên (đặt tên gì cung được) và copy đoạn js này vào tương tự như hình

Lấy đoạn JS TẠI ĐÂY

Cách tạo trang tương tự Fullpage js

Bước 2: Thêm đoạn script này vào mục Flatsome > Advanced -> Footer Scripts của theme Flatsome

<script type="text/javascript">
    var myFullpage = new fullpage('.fullpage', { verticalCentered: false }); 
</script>

Bước 3: Vào tạo 1 trang Full-Width

Nên Đặt ảnh cho từng section và chỉnh min-height cho section là 600px

fullpage demo

Bước 4: Đặt class cho mục Row là fullpage

fullpage demo 2

Cuối cùng là Upadate và tận hưởng thôi!

Chúc các bạn thành công!

Cách tạo trang tương tự Fullpage js bằng theme Flatsome