30/09/2018, 19:55

Cách cố định một khối ở top bằng css

Khối nav được em bôi đỏ nó được nằm bình thường tại một vị trí. Nhưng khi cuộn đến phần tử đó nó lại được cố định tại top của màn hình.

Cao thủ nào biết kỹ thuật này có thể chỉ cho em được không ak. Em cảm ơn nhiều

Cương Nguyễn viết 21:56 ngày 30/09/2018

bạn dùng position: fixed;
Tốt nhất là bạn nên học css basic đi, rồi hãy làm.

Hoàn Vũ viết 22:01 ngày 30/09/2018

Cái mình hỏi mình vừa tìm được rồi. Còn position: fixed. Mình cũng biết. Có lẽ bạn hiểu sai ý mình.
Giả sử mình có 1 Nav nằm cách top 100px, khi tải xong trang nó nằm tại 100xp, khi mình cuộn màn hình >100px thì nó sẽ được {position: fixed; top:0px; left: 0px;}

Cương Nguyễn viết 22:05 ngày 30/09/2018

oh sorry mình hiểu nhầm, bạn có thể dùng thư viện này http://wicky.nillia.ms/headroom.js/

K.A viết 22:09 ngày 30/09/2018

http://getuikit.com/docs/sticky.html Bộ uikit này có sẵn cho bạn nha

Trịnh Tâm viết 22:01 ngày 30/09/2018

“position: sticky” nhé, nhưng chỉ hoạt động với firefox thì phải

Khoa Nguyen viết 21:59 ngày 30/09/2018