Thư viện thuật ngữ / Web

Header cố định là gì?

Còn gọi: sticky header, sticky navigation, menu cố định, header dính

Sticky header là thanh đầu trang (logo, menu, nút chính) luôn dính ở cạnh trên màn hình khi người dùng cuộn xuống, giúp điều hướng và hành động chính luôn trong tầm tay.

Ảnh minh hoạ Header cố định (sticky header): hai trạng thái trang web khi cuộn: header đầy đủ ở trên cùng và header thu gọn dính khi cuộn
Hai trạng thái trang web khi cuộn: header đầy đủ ở trên cùng và header thu gọn dính khi cuộn

Hiểu kỹ hơn

Trên điện thoại, header cố định chiếm diện tích quý, nên thường được thu nhỏ hoặc ẩn khi cuộn xuống và hiện lại khi cuộn lên. Nên giữ header gọn, đủ tương phản với nội dung chạy bên dưới (nền đặc hoặc làm mờ), và đảm bảo các liên kết neo (anchor) trong trang không bị header che mất tiêu đề.