Javascript 引导静态到固定导航条滚动跳跃

在解决这个问题上有点困难。 我有一个引导导航栏，当浏览者滚动过顶部的徽标时，导航栏会从静态变为固定。一切都很好，除了导航栏到达顶部时，它会跳下来，缺少前几行内容。谁能帮我解决这个问题

html

爪哇

谢谢大家

$(function() {
    $('#nav-wrapper').height($("#nav").height());

    $('#nav').affix({
        offset: { top: $('#nav').offset().top }
    });

    $('#nav').on('affixed.bs.affix', function () {
        $('#content').css({"margin-top": "100px"})
    });
});

---

请在问题中包含所有相关代码。此外，我认为现在代码的工作方式没有问题。在Chrome上，也就是说，只要导航栏被修复，就可以将

边距顶部：50px

添加到id

content

的div中。当导航条未固定时，请移除边距顶部。谢谢。这很有效。我想知道你是从哪里得到100px的？我想50px可以工作，因为这是导航栏的高度。你必须再添加一个50px以匹配内容的当前位置。@JalapenoJack:如果它回答了你的问题，你能将它标记为完成吗？

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

$(function() {
    $('#nav-wrapper').height($("#nav").height());

    $('#nav').affix({
        offset: { top: $('#nav').offset().top }
    });
});

$(function() {
    $('#nav-wrapper').height($("#nav").height());

    $('#nav').affix({
        offset: { top: $('#nav').offset().top }
    });

    $('#nav').on('affixed.bs.affix', function () {
        $('#content').css({"margin-top": "100px"})
    });
});