Sticky

개발 일지

position sticky 헤더의 flickering 문제

흔들거리는 sticky 헤더 상단에 고정되어야 할 헤더가 스크롤을 움직일때마다 덜덜덜 떨리는 현상이 발생했습니다. 이 현상은 flickering이라는 현상이고, sticky나 fixed를 사용할 때 간헐적으로 발생하는 버그인 것 같습니다. 이 현상을 해결하기 위해 sticky나 fixed에 z-index를 같이 주라는 답변도 있고, 하드웨어 가속을 사용하라는 답변도 있었는데 모두 통하지 않았습니다. https://github.com/ampproject/amphtml/issues/18469 jridgewell의 답변은 일부 발췌하면 position sticky의 flickering 현상은 쉽게 고쳐질 수 없는 것이 아니라고 합니다. 그런데 의외의 방법을 통해 이 버그가 해결되었습니다. width를 수정하니..

2DC
'Sticky' 태그의 글 목록