粘性导航栏不滚动

Question

我正在使用 bootstrap 3 构建一个网站，并且我希望在此示例中使用导航栏 http://htmlmystore.justthemevalley.com/bigstart/Version3/index.html 我完成了静态导航栏，我用容器 div 包裹，我尝试从这里实现粘性导航栏：https://www.w3schools.com/howto/howto_js_navbar_sticky.asp 但它不能正常工作，它添加了粘性类，但导航栏的宽度仅从右侧满，左侧仍然有排水沟，当我向上滚动时，粘性类没有被删除，我一直都有粘性导航。 这是我用于导航的 html 代码：

  <nav id="navbar" class="navbar navbar-default">
                    <div class="container">
                        <ul class="nav navbar-nav">
                            <li class="nav-item"><a href="#">1</a></li>
                            <li class="nav-item"><a href="#">2</a></li>
                            <li class="nav-item"><a href="#">3</a></li>
                            <li class="nav-item"><a href="#">4</a></li>
                            <li class="nav-item"><a href="#">5</a></li>
                            <li class="nav-item"><a href="#">6</a></li>
                            <li class="nav-item"><a href="#">7</a></li>
                        </ul>
                    </div>
                </nav>

Answer 1

我不明白真正的问题，但它确实有效......

window.onscroll = function() {myFunction()};

查看Fiddle