본문 바로가기
Review/코드 리뷰

position:sticky not working 이유 및 해결(overflow)

by 마크지 2023. 7. 25.

 

 

사진: Unsplash 의 Patrick Perkins

 

 

sticky css 사용 중 해당 요소의 전체 부모 엘리먼트에 overflow:auto, overflow:scroll, overflow:hidden 이 있으면 sticky 되지 않음.

 

자세한 내용은 아래 블로그 참고.

 

CSS Position Sticky 문제 해결하기

Sticky는 생각처럼 동작하지 않는 경우가 많습니다. 다음 체크리스트를 이용해 일반적인 트러블슈팅 방법을 알아봅시다. 원문 : https://www.designcise.com/web/tutorial/how-to-fix-issues-with-css-position-sticky-not-w

itchallenger.tistory.com

 

* Swiper 안에 sticky 해야 될 영역은 해결할 수 없음....

방법 좀 알고 싶다.

 

반응형

댓글