position:sticky 가 안될때 +반응형 여백

 

 

스크롤이 되다가 특정 위치에 고정되는 속성인 sticky

이게 되다가 안된다. 뭐지?? 

한참을 헤매다가 알아낸것이.

반응형 작업중에 어느 분기점에서 여백이 생겼던 것을,

뭔가 튀어 나온 요소가 있나 찾는데 안찾아져서, 요소들을 감싼 요소에 overflow-x:hidden을 줬는데 그것 때문이었다.

sticky는 부모 요소중에 hidden 속성을 가진 요소가 있으면 적용이 안된다고 한다.

자바스크립트로 sticky를 해결하지 뭐 했는데 번거롭다. 

그래서 다시 한번만 튀어나온 요소 찾아보자 하고 찾았더니 이번에는 또 의외로 쉽게 찾아짐...

비율 때문에 px로 해놨던걸 특정 분기점에서 %로 해줘야하는데 안해줬던거...

튀어나온 요소 찾기 번거롭다고 했다가 더 헤멘 꼴.

쨋든. 또 이렇게 하나 알고 지나간다.