Tại sao các thành phần với CSS position: fixed được áp dụng cho chúng khiến Firefox ăn 100% CPU khi cuộn trang chúng đang ở? Và có cách giải quyết nào không?Tại sao các yếu tố cố định làm chậm quá trình cuộn trong Firefox?
Tôi đã nhận thấy hành vi này trên một vài trang web, ví dụ như thanh thông báo ở đầu trang trên StackOverflow. Tôi đang sử dụng Linux trong trường hợp có vấn đề.
Bạn có chắc chắn có liên kết trực tiếp tại đây không? Bạn đã tạo một trang HTML tĩnh với các yếu tố cố định để xác minh lý thuyết của bạn chưa? Với mức độ sử dụng rộng rãi của các thuộc tính CSS này, tôi nghĩ rằng có người khác sẽ nhận thấy nó ngay bây giờ, bất kể trình duyệt/hệ điều hành nào bạn đang chạy.
Đây là bug #201307.
Trang web này có phần tử cố định "Lần đầu tiên tại ngăn xếp ngăn xếp? Hãy xem Câu hỏi thường gặp!" Và nó chậm như địa ngục trong firefox. Hoạt động tốt hơn với Opera và Chrome. FF3, Windows XP, ATI.
Đó là một lỗi được báo cáo trong bugzilla
Rõ ràng một công việc xung quanh (với các báo cáo hỗn hợp của sự thành công ..) là disable smooth-scrolling
Chỉ cần vô hiệu hóa di chuyển trơn tru trong Edit> Preferences> Advanced.
nó ăn CPU vì trình duyệt phải sơn lại toàn bộ khung nhìn mọi thay đổi cuộn thay vì chỉ các khu vực mới có thể nhìn thấy
Như đã nói, đây là lỗi #201307. Cách giải quyết là tắt tính năng cuộn trơn tru:
Chỉnh sửa -> Prefrences -> Nâng cao -> Tab chung -> bỏ chọn "Sử dụng cuộn trơn tru"