CSS position: fixed을 적용한 요소가 페이지를 스크롤 할 때 Firefox가 100 % CPU를 먹는 이유는 무엇입니까? 그리고 거기에 어떤 해결 방법이 있습니까?Firefox에서 고정 요소가 스크롤 속도를 늦추는 이유는 무엇입니까?
예를 들어 StackOverflow의 페이지 상단에있는 알림 표시 줄과 같이 일부 사이트에서이 동작을 발견했습니다. 문제가 생길 경우 Linux를 사용하고 있습니다.
여기에 직접 링크가 있습니까? 이론을 검증하기 위해 고정 요소로 정적 HTML 페이지를 만들었습니까? 이 CSS 속성이 얼마나 광범위하게 사용되고 있는지를 감안할 때, 다른 어떤 브라우저/OS가 실행 중이던간에 다른 사람이 지금까지 알아 차렸을 것이라고 생각합니다.
이것은 bug #201307입니다.
이 웹 사이트는 "Stack Overflow에서 처음으로 FAQ를 확인하십시오!"라는 고정 요소가 있으며 파이어 폭스에서 지옥처럼 느립니다. Opera와 Chrome에서 더 잘 작동합니다. FF3, Windows XP, ATI.
브라우저가
이미 언급,이 버그 #201307 그냥 새로 보이는 영역이 아니라 전체 뷰포트마다 스크롤 변화를 다시 칠하기 때문에이 CPU를 먹는다. 해결 방법은 부드러운 스크롤을 비활성화하는 것입니다.
편집 -> Prefrences -> Advanced -> 일반 탭 -> "부드러운 스크롤 사용"을 선택 해제하십시오.