滚动时导航跳跃

Question

如何修复我的标头？我打算创建一个流畅的导航栏，但我不知道怎么做。我尝试在这里阅读一些答案，但我就是不明白。

这是我的代码：

jQuery

<script>
    jQuery("document").ready(function($){
        var nav = $('#header');
        $(window).scroll(function () {
            if ($(this).scrollTop() > 130) {
                nav.addClass("f-nav");
            } else {
                nav.removeClass("f-nav");
            }
        });
    });
</script>

.CSS

.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}

Answer 1

请减小值 （130） 并从顶部设置完美值。