Jquery 引导导航条在粘贴到顶部之前短暂闪烁

我这里有一个引导3页：

在全尺寸桌面浏览器最新Chrome上，最小宽度为1000px，导航从页面底部开始；当你向下滚动时，它会粘在页面的顶部

然而，就在它即将粘住时，它消失了一秒钟，然后重新出现在顶部的正确位置。当滚动到页面顶部时，同样的情况也会发生：导航栏会短暂消失，然后在底部重新出现

如何防止它闪烁？我看过其他一些问题，例如，但它们不是同一个问题

以下是导航栏的HTML：

<nav class="navbar navbar-default" role="navigation" id="navbar-desktop">
    <div class="container-fluid">
        <!-- Brand and Toggle -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" 
             data-toggle="collapse" data-target="#navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <img src="~/images/menu-nsh-lg.png" class="img-menu" />
            </button>
            <a class="navbar-brand" href="#anch-top">
                <img src="~/images/logo/logo80.png" />
            </a>
        </div>
        <!-- End Brand and Toggle -->
        <!-- Menu -->
        <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#menu-testimonials-desktop">Moms' Stories</a>
                </li>
                <li>
                    <a href="#menu-products-desktop">Products</a>
                </li>
                <li>
                    <a href="#menu-faq-desktop">FAQ</a>
                </li>
                <li>
                    <a href="#menu-story-desktop">Our Story</a>
                </li>
                <li>
                    <a href="#menu-contact-desktop">Contact</a>
                </li>
                <li class="buy">
                    <a href="http://shop.mimijumi.com/" 
                     class="btn btn-danger btn-sm">Buy</a>
                </li>
            </ul>
        </div>
        <!-- End Menu -->
    </div>
</nav>

我做错了什么？谢谢

$('body').scrollspy({ target: '#navbar-collapse-1', offset: 55 });