js导航固定在顶部效果

很简单的粘性导航效果，鼠标向下滚动顶部导航菜单会固定跟着滚动。只有几行js代码实现导航固定在顶部效果。

const header = document.querySelector('.header')
    const nav = header.querySelector('.nav')
    window.onscroll = () => {
        const rect = header.getBoundingClientRect()
        if (rect.top === 0) {
            if (nav.className.indexOf('min') === -1) {
                nav.classList.add('min')
            }
        } else {
            if (nav.className.indexOf('min') >= 0) {
                nav.classList.remove('min')
            }
        }
    }