Trang chủ
CSS
Vị trí CSS
Dùng thử: Vị trí sử dụng: dính
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> div.sticky { vị trí: -webkit-sticky; vị trí: dính; trên cùng: 0; phần đệm: 5px; màu nền: #cae8ca; đường viền: 2px liền khối #4CAF50; } </style> </head> <body> <p>Hãy thử <b>cuộn</b> bên trong khung này để hiểu cách định vị cố định hoạt động.</p> <div class="sticky">Tôi dính !</div> <div style="padding-bottom:2000px"> <p>Trong ví dụ này, phần tử cố định sẽ bám vào đầu trang (trên cùng: 0), khi bạn đến vị trí cuộn của nó.</p > <p>Cuộn ngược lên để loại bỏ phần dính.</p> <p>Một số văn bản cho phép cuộn.. Lorem ipsum dolor sit amet, illum định nghĩa no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert labamus Repudiandae nec et. Sự cố có hiệu quả đối với quảng cáo của anh ấy. Eum no molestiae voluptatibus.</p> <p>Một số văn bản cho phép cuộn.. Lorem ipsum dolor sit amet, illum định nghĩa no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert labamus Repudiandae nec et. Sự cố có hiệu quả đối với quảng cáo của anh ấy. Eum không có molestiae voluptatibus.</p> </div> </body> </html>