粘性导航栏无法正确定位

Question

我有一个导航栏，当我滚动它的顶部坐标时，我想要粘在屏幕的顶部。我试图通过使用它添加一个类来实现这一点：

$(document).ready(function() {
    $(window).scroll(function() {
        console.log($(window).scrollTop());

        if ($(window).scrollTop() > 800) {
            $('#nav').addClass('nav-fixed');
        }

        if ($(window).scrollTop() < 801) {
            $('#nav').removeClass('nav-fixed');
        }
    });
});

这是我要添加的课程：

.nav-fixed {
    top: 0;
    position: fixed;
}

这是在滚动之前：

滚动后：

Answer 1

尝试添加width: 100%

.nav-fixed {
    top: 0;
    position: fixed;
    width: 100%;
}