Bạn đã bao giờ truy cập vào một trang web, bắt đầu đọc một số nội dung rồi trang đó lại bật lên do quảng cáo hoặc hình ảnh đang tải, khiến bạn mất vị trí trên trang không?
Bạn nên kiểm tra cờ neo cuộn trong Chrome 51.
Tính năng Định vị 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 luồng lại làm gián đoạn vị trí của bạn trên trang.
Để tự dùng thử tính năng này, hãy làm như sau:
- Truy cập vào chrome://flags/#enable-scroll-anchoring trên Chrome Dev / Canary
- Chọn "Đã bật" trong trình đơn thả xuống
- Nhấp vào "Chạy lại ngay" ở cuối màn hình
Khi đó, bạn sẽ bật tính năng neo cuộn.
Chúng tôi đã sử dụng tính năng này được một thời gian và 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. Tuy nhiên, 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 thấy bất kỳ ví dụ nào về việc tính năng neo cuộn không xử lý được việc chảy lại trong trang hoặc các ví dụ về việc tính năng này không nên can thiệp, hãy cho chúng tôi biết!
Hãy gửi cho chúng tôi ý kiến phản hồi / ví dụ về những hành vi không mong muốn mà bạn đã thấy 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 thao tác cuộn JavaScript?
Tóm lại là không.
Thay đổi này làm thay đổi hiệu ứng cuộn do luồng 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ẽ gây ra tình trạng chảy lại và neo cuộn sẽ ngăn trang nhảy xung quanh.
Việc gọi window.scrollTo(0, 1) (Có, đó là cách hack kiểu cũ) sẽ không gây ra tình trạng chảy lại và sẽ hoạt động bình thường. Điều tương tự cũng áp dụng cho các sự kiện chạm.
Nếu bạn tìm thấy ví dụ về việc tính năng neo cuộn ảnh hưởng đến trang của mình, vui lòng gửi ý kiến phản hồi thông qua biểu mẫu này: g.co/reportbadreflow