滚动监听

Posted 2021-02-16 duanzhenzhen

//滚动监听
window.onscroll = function() {
    //为了保证兼容性，这里取两个值，哪个有值取哪一个
    //scrollTop就是触发滚轮事件时滚轮的高度
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
// 向上滚动100px时
    if(scrollTop >= 100){
        $(".navbar").addClass("fixed")
    }else{
        $(".navbar").removeClass("fixed")
    }
}