[JS30] - 24) Sticky Nav

처음에는 이렇게 접근했다. css 'nav-sticky'는 position: fixed;를 가지고 있다. 이 클래스를 추가해줌으로써 nav의 position을 relative에서 fixed로 바꾸어주어 스크롤할 때 함께 따라올 수 있도록 했다(아래 gif참고) 한 가지 간과했던 게 있었다. console.log(nav.offsetTop)을 했을 때 출력결과와 함께 화면을 보자. 위와 같이 처...

offsetHeightoffsetToppaddingTopscrollYoffsetHeight

offset Height 가 OnLoad 에서 0 을 가 져 오 는 현상

IE 를 사용 할 때 특히 현재 div+css 방식 은 div 의 높이 를 정의 하지 않 습 니 다.이것 은 div 내용 을 추가 한 후에 div 의 높이 를 가 져 올 때 offset Height 를 사용 해 야 합 니 다.사용 중 에 offset Height 가 0 을 가 져 오 는 현상 을 만 날 수 있 습 니 다.그러나 각종 JS 디 버 깅 도구 로 디 버 깅 을 하면 대상 에서 값 ...

offsetHeightOnLoad