Vị trí dính làm gì?
Vị trí dính làm gì?

Video: Vị trí dính làm gì?

Video: Vị trí dính làm gì?
Video: Bộ kỹ năng hoàn chỉnh của vị trí chuyền hai trong bóng chuyền 2024, Tháng mười hai
Anonim

Một phần tử với Chức vụ : dính ; được định vị dựa trên cuộn của người dùng Chức vụ . MỘT dính phần tử chuyển đổi giữa tương đối và cố định, tùy thuộc vào cuộn Chức vụ . Nó được định vị tương đối cho đến khi một độ lệch nhất định Chức vụ được đáp ứng trong khung nhìn - sau đó nó "dính" vào vị trí (như Chức vụ :đã sửa).

Tương tự như vậy, làm cách nào để làm cho vị trí của tôi dính?

Để xem tác dụng của định vị dính , chọn Chức vụ : dính và cuộn vùng chứa này. Phần tử sẽ cuộn cùng với vùng chứa của nó, cho đến khi nó ở trên cùng của vùng chứa (hoặc đạt đến độ lệch được chỉ định ở trên cùng) và sau đó sẽ dừng cuộn để nó vẫn hiển thị.

Cũng biết, sự khác biệt giữa vị trí dính và cố định là gì? Không đi vào chi tiết cụ thể, Chức vụ : dính về cơ bản hoạt động như Chức vụ : tương đối cho đến khi một phần tử được cuộn qua một khoảng chênh lệch cụ thể, trong trường hợp đó, phần tử đó chuyển thành Chức vụ : đã sửa , khiến phần tử "dính" vào Chức vụ thay vì được cuộn ra khỏi chế độ xem.

Về vấn đề này, tôi có thể sử dụng CSS cố định vị trí không?

CSS

Chức vụ : dính

được hỗ trợ trong Firefox, Safari và Chrome Canary (56+). Vị trí CSS : dính được hỗ trợ trong Firefox, Safari và Chrome Canary (56+).

Webkit dính là gì?

Chức vụ : dính là một cách mới để Chức vụ các yếu tố và tương tự về mặt khái niệm với Chức vụ : đã sửa. Sự khác biệt là một phần tử có Chức vụ : dính những biểu hiện cư xử như là Chức vụ : tương đối trong phạm vi gốc của nó, cho đến khi đáp ứng một ngưỡng bù nhất định trong chế độ xem.

Đề xuất: