您当前的位置:首页 > 网络编程

菜单置顶,滚屏菜单加漂浮class

时间:2022-11-17 13:55:58    来源:    作者:
$(function() {
    var winHeight = $(document).scrollTop();
    $(window).scroll(function() {
        var scrollY = $(document).scrollTop(); // 获取垂直滚动的距离,即滚动了多少
        if(scrollY > 75) { //如果滚动距离大于75px则显示固定栏目
            $(".header").addClass("fixed-top ");  //结果 header fixed-top 
        }
        if(scrollY < 75) { //如果小于75px则隐藏固定栏目
            $('.header').removeClass('fixed-top');  //结果 fixed-top 
        }
    });
});
推荐资讯