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;
    });

Original: https://www.cnblogs.com/ouhouyi/p/16633626.html
Author: 蚂蚁追风筝
Title: jQuery实现下滚不显示,上滚出现的粘性导航

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/602571/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球