Thuộc tính overflow-anchor CSS

Định nghĩa và cách sử dụng

overflow-anchor Thuộc tính này được sử dụng để tắt cuộn cố định điểm dừng (scroll anchoring).

Cuộn cố định điểm dừng là một tính năng của trình duyệt, được sử dụng để ngăn chặn sự di chuyển của khu vực đã cuộn vào viewport khi đang tải nội dung mới. Điều này thường trở thành vấn đề khi kết nối mạng chậm, khi người dùng cuộn xuống và bắt đầu đọc trước khi trang hoàn toàn được tải.

Mẫu

Tắt cuộn cố định điểm dừng:

div {
  overflow-anchor: none;
}

Thử ngay

Ngữ pháp CSS

overflow-anchor: auto|none|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
auto Giá trị mặc định. Kích hoạt cuộn cố định điểm dừng.
none Tắt cuộn cố định điểm dừng.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thư từ cha của mình để kế thừa thuộc tính này. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Kế thừa: Không
Tạo animation: Không hỗ trợ. Xem thêm:Tính năng liên quan đến animation.
Phiên bản: CSS3
Ngữ pháp JavaScript: object.style.overflowAnchor="none"

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
56.0 79.0 66.0 Không hỗ trợ 43.0

Trang liên quan

Giáo trình：CSS tràn

Tham khảo：Thuộc tính overflow CSS