[Hướng dẫn] Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome

Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome

Bạn đang muốn xây 1 trang web dưới dạng landing page, bạn muốn khi khách click vào button, menu hay link thì sẽ cuộn xuống đúng section mong muốn thay vì chuyển hướng sang 1 trang khác. Điều này tưởng chừng như khó nhưng lại rất đơn giản. Hôm nay flatsomea-z sẽ hướng dẫn bạn cách Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome

Bước 1: Xác định vị trí muốn cuộn xuống khi click

Ví dụ mình muốn khách khi khách bấm vào tin tức trên website thì sẽ tự cuộn xuống mục tin tức, mình sẽ làm như sau.

  • Mở trình chỉnh sửa trang UX – Builder
  • Trước mục Tin tức sẽ thêm 1 widget có tên là Scroll to
Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome
Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome

Sau đó, bạn thiết lập cài đặt như sau:

Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome-setting
Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome-setting

Apply và Cập nhật chỉnh sửa nhé!

Bước 2. Xác định buton, link hay menu bạn muốn dẫn link đến

Như mình nói ở trên, mình sẽ lựa chọn mục tin tức trên menu để khi khách click vào đó thì nó sẽ trỏ về trang đích.

Mình sẽ vào Giao diện > Menu > Main menu rồi tạo 1 custom link sau đó thiết lập như sau:

Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome-setting-03
Tạo hiệu ứng cuộn xuống khi click chuột trong Flatsome-setting-03

Nhớ phần URL bạn để là #+ tên bạn đã đặt phần Scroll to nhé. Mình đặt là tintuc nên sẽ để là #tintuc. Sau đó bạn thêm vào menu, sắp xếp vị trí và lưu lại là xong nhé.

F5 lại và click thử vào mục tin tức trên menu để xem thành quả nào ^^

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

Trả lời

Email của bạn sẽ không được hiển thị công khai.