position: sticky와 overflow는 궁합이 좋지 않다.

@ye-r1·2022년 2월 5일
0

stickyscroll 컨테이너 사이에 overflow:hidden을 넣었더니 sticky가 망가졌다.
작업중 root 컨테이너에 넘치는 케이스를 안전하게 제거하기 위해, 위 같은 방식을 사용하였는데 이러한 이슈가 생길지 몰랐다..

편한 생활을 위해 실험적인 스타일을 사용하는 것에 대해 반 부정적으로 살아왔었다.
쓰지 않으면 안되는 이유에 대해 물어볼때 대답하기 어려웠지만 잊고 있었던 것이다.
모든 side-effect에 대응할 수 없는 최신 css 문법은 한번씩 공식문서나 mdn을 읽고 사용하자 ^_ㅠ..

0개의 댓글