javascript - 隐藏引导侧边栏后滚动到元素

Question

我有以下问题：

我有一个用 Bootstrap 制作的导航栏，带有一个可折叠的手机侧边栏。在那个侧边栏的菜单上，我有一个 FAQ 的链接，它是同一页面上的一个 div。仅仅添加href="#frequent-questions它是行不通的，因为它不会关闭侧边栏切换，也不会滚动。

我试过关闭侧边栏切换然后滚动，它可以工作，但前提是你第二次点击它。

• 打开侧边栏，点击常见问题，除了侧边栏关闭什么都没有
• 再次打开侧边栏，点击FAQ，侧边栏关闭，页面滚动

这是我用于按钮的代码：

 $(".gotofaq-button").click(function (e) {
    $('.navbar-collapse').collapse('hide');
    
    $('html, body').animate({
        scrollTop: $("#frequent-questions").offset().top
    }, 500);

    return false;
});

我是否遗漏了代码中的任何内容？

另外值得一提
的是，我使用的是 Laravel，菜单位于一个单独的 .blade 文件中，该文件包含在 FAQ 所在的 home.blade.php 文件中。

标签： javascriptjquerylaravelbootstrap-4