Question

对于我的 Bootstrap 4.2 导航栏，我似乎无法同时获得这两项。
1）单击菜单项后，汉堡菜单崩溃
2）单击菜单项后滚动（滚动）到指定的ID

https://getbootstrap.com/docs/4.2/components/navbar/#toggler 此代码显示在选择菜单项后如何折叠汉堡菜单。但是，href =“＃anything”似乎没有滚动到任何特定的id =“ anything”。

<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实现此功能，但是当我对其进行更新时，它不再起作用。

互斥：汉堡菜单在单击菜单项后隐藏，或者在单击菜单项时滚动-似乎不能同时做

0 个答案: