IE 11에서 position을 fixed로 설정한 요소가 떨리는 현상

IE 11 떨림 현상

IE 11로 웹 뷰어를 보면서 스크롤을 할 때 특정 UI(헤더와 사이드바)가 떨리는 현상이 있습니다. 이런 UI는 CSS에서 position 속성을 fixed 값으로 설정했다는 공통적인 특징이 있습니다.

문제 해결

이는 IE 11의 버그로 다음과 같은 CSS로 문제를 해결할 수 있습니다.

html {
	height: 100%;
    overflow: hidden;
}

body {
	height: 100%;
	overflow: auto;
}

참고사항