Ẩn hiện header khi cuộn trang

Ẩn hiện header khi cuộn trang

Với một trang web thì phần header tuy ngắn gọn nhưng rất quan trọng cho website đó. Trên đó bôm gồm nhưng thứ linh tinh như: menu, sơ đồ trang, trang chủ, liên hệ,... Nhưng có một số website làm phần header hơi dài vì vậy cần một thủ thuật để làm ngắn nó lại, để nhìn một cách " công nghệ" hơn thì nên tham khảo bài viết này của mình nhé Để khắc phục vấn đề này mà người đọc vẫn có thể sử dụng được các chức năng cài đặt trong phần header ta có thể dùng cách ẩn header khi lăn chuột xuống và khi người đọc có ý định kéo lên để dùng header thì chỉ cần nhấp cuộn nhẹ là hedaer đã rơi xuống. Bài viết này đã có nhiều người chia sẽ nhưng mình chắc đây là bài viết ngắn gọn nhất, giúp các bạn làm một cách nhanh chóng và một số bạn mới vào web cũng dễ thực hiện hơn. Bước 1:  Các bạn tìm ID hay class mà header sử dụng nhé, thường có các dạng: #header-wrapper{position:fixed;top:0;left:0;........} .header-wrapper{position:fixed;top:0;left:0;........} .header{position:fixed;top:0;left:0;......…