Question

我正在尝试使用css和jquery构建一个粘性导航我正在使用以下代码

$(window).scroll(function() {
    var navheight = $('.site-navigation').offset().top;
    if ($(window).scrollTop() >= navheight) {
        $('.site-navigation').addClass('fixed-site-navigation');
    }
    if ($(window).scrollTop() < navheight) {
        $('.fixed-site-navigation').removeClass('fixed-site-navigation');
    }
});

当我向下滚动时，第二个if（）块不执行（已添加的固定站点导航类未删除）。有人可以帮我找到答案：）

Answer 1

$(window).on('scroll', function() {
    var navheight = $('.site-navigation').offset().top,
        toggle    = $(window).scrollTop() >= navheight;

    $('.site-navigation').toggleClass('fixed-site-navigation', toggle);
});

Answer 2

.fixed-site-navigation
{
    position:fixed;
    top:0;
}

应该做的伎俩

使用jquery发布粘性导航

2 个答案: