Web

Header cố định là gì?

sticky headersticky navigationmenu cố địnhheader 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.

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 đề.

Ả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

Thuật ngữ liên quan