其他分享
首页 > 其他分享> > jQuery实现下滚不显示,上滚出现的粘性导航

jQuery实现下滚不显示,上滚出现的粘性导航

作者:互联网

代码

/粘性导航
    var basic = 80;
    $(window).scroll(function () {
        var top = $(window).scrollTop();
        if (top > basic) {
            $('header').removeClass("header_fixed");
        } else if (top < basic && top > 80) {
            $('header').addClass("header_fixed");
        }else if(top < 80){
            $('header').removeClass("header_fixed");
        }
        basic = top;
    });

标签:jQuery,top,粘性,header,window,basic,下滚,80,fixed
来源: https://www.cnblogs.com/ouhouyi/p/16633626.html