Bạn đã bao giờ truy cập một trang web, bắt đầu đọc một số nội dung rồi sau đó trang bật lên do quảng cáo hoặc hình ảnh tải, khiến bạn mất dấu vị trí trên trang đó chưa?
Bạn cũng nên xem cờ Scroll Anchoring trong Chrome 51.
Cố định cuộn theo dõi vị trí của bạn trên trang và ngăn mọi yếu tố gây ra quy trình chỉnh lại luồng làm gián đoạn vị trí của bạn trên trang.
Để tự mình dùng thử tính năng này, hãy làm như sau:
- Chuyển đến chrome://flags/#enable-scroll-anchoring trên Chrome Dev / Canary
- Chọn "Đã bật" trên trình đơn thả xuống
- Nhấp vào “Chạy lại ngay” ở cuối màn hình
Thao tác này sẽ bật chế độ neo cuộn.
Chúng tôi đã sử dụng tính năng này được một thời gian và chúng tôi tin rằng tính năng này sẽ cải thiện đáng kể trải nghiệm cho tất cả người dùng trên web, nhưng chúng tôi muốn đảm bảo rằng tính năng này hoạt động tốt ở mọi nơi. Nếu bạn phát hiện bất kỳ ví dụ nào mà tính năng neo cuộn không xử lý được quy trình chỉnh lại trên trang hoặc ví dụ mà đáng lẽ không nên can thiệp, chúng tôi rất muốn biết về việc này!
Gửi cho chúng tôi phản hồi / ví dụ mà bạn phát hiện hành vi không mong muốn bằng cách điền vào biểu mẫu này: g.co/reportbadreflow
Câu hỏi thường gặp
Thay đổi này ảnh hưởng như thế nào đến việc cuộn JavaScript?
Tóm lại là không.
Thay đổi này làm thay đổi ảnh hưởng của thao tác cuộn do các luồng chỉnh lại gây ra. Ví dụ: việc thêm tên lớp vào một phần tử khiến phần tử đó tăng chiều cao sẽ dẫn đến hiện tượng chỉnh lại luồng và neo khi cuộn sẽ ngăn trang nhảy xung quanh.
Việc gọi window.scrollTo(0, 1) (Có, kiểu tấn công kiểu cũ) sẽ không tạo ra quy trình chỉnh lại luồng và sẽ hoạt động bình thường. Điều này cũng áp dụng cho các sự kiện chạm.
Nếu bạn thấy một ví dụ trong đó việc neo cuộn ảnh hưởng đến trang của mình, vui lòng gửi ý kiến phản hồi qua biểu mẫu này: g.co/reportbadreflow