Взаимоисключающие: либо меню гамбургера скрывается после щелчка по элементу меню, либо прокручивается при щелчке по пункту меню - кажется, не может сделать оба - PullRequest
Новая
       46

Взаимоисключающие: либо меню гамбургера скрывается после щелчка по элементу меню, либо прокручивается при щелчке по пункту меню - кажется, не может сделать оба

0 голосов
/ 18 января 2019

Я не могу получить оба из них одновременно для моей Bootstrap 4.2 navbar.
1) Гамбургер рушится после нажатия на пункт меню
2) Прокрутка (scrollspy) до указанного идентификатора после нажатия на пункт меню

https://getbootstrap.com/docs/4.2/components/navbar/#toggler Этот код показывает, как свернуть меню гамбургера после выбора пункта меню. Однако, href = "# что-нибудь", кажется, не прокручивает к какому-то определенному id = "что-нибудь". 

<body data-spy="scroll" data-target=".navbar">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
            <a class="navbar-brand" href="#top">HOME PAGE TITLE</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="collapse" data-target=".navbar-collapse.show" href="#top">TOP</a>
                    </li>
                </ul>
            </div>
        </nav>

        <div class="jumbotron text-center" id="intro">
            SOME CONTENT
        </div>
    </div>
</body>

Ожидаемый результат заключается в том, что при нажатии на элемент меню гамбургера он прокручивается вниз, и меню гамбургера одновременно скрывается.

Мне удалось добиться этого с более старой версией Bootstrap 4, но когда я обновил ее, она больше не работает.

...