липкий navbar не прокручивает

Question

Я создаю веб-сайт с начальной загрузкой 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