상단고정네비게이션바(2)

jb kim·2021년 12월 26일
0

Web Projects

목록 보기
44/50

js

// 네브클래스 선택
const nav = document.querySelector( ? )
window.addEventListener('scroll', fixNav)

function fixNav() {
    //console.log(window.scrollY, nav.offsetHeight)
    if(window.scrollY > nav.offsetHeight + 150) {
        nav에 클래스 active 추가
    } else {
       nav에 클래스 active 제거
    }
}

참고 : offsetHeight

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight

profile
픽서

0개의 댓글