← Recipes

📐 Auto height

Các slide cao thấp khác nhau; khung tự co giãn chiều cao khớp slide đang xem — không để khoảng trống thừa.

Kết hợp: slide (track)plugin autoHeight navdots

Ngắn gọn

Một đoạn rất ngắn.

Slide 1

Vừa phải

Đoạn này dài hơn một chút để thấy khung cao lên so với slide trước. Nội dung tự nhiên, không cố định chiều cao.

Thêm một dòng nữa cho khác biệt rõ ràng.

Slide 2

Dài

Khi nội dung nhiều, khung tiếp tục giãn ra theo đúng chiều cao thật của slide. Bạn không phải đặt height cố định cho viewport.

Plugin autoHeight đo scrollHeight của slide đang hoạt động và animate chiều cao viewport mượt mà mỗi khi chuyển.

Hữu ích cho FAQ, mô tả sản phẩm, hay các bước có lượng chữ chênh lệch.

Slide 3

Lại ngắn

Và thu nhỏ lại ngay.

Slide 4

Không cần đặt height cho .fs__viewport — plugin autoHeight tự gán theo slide hiện tại (có transition).