[Day23] Sticky Nav

[Day23] Sticky Nav

需要用到的技巧与练习目标

1. offsetHeight
2. offsetTop
3. scrollY

const nav = document.querySelector('#main');
const topOfNav = nav.offsetTop

function fixNav(){
    if(window.scrollY>=topOfTop){
document.body.style.paddingTop = nav.offsetHeight +"px";
document.body.cliasList.add('fixed-nav')
}
}else{
document.body.style.paddingTop=0
document.body.cliasList.remove('fixed-nav')
}


window.addEventstener('scroll',fixNav)