javascript - Bootstrap 4 滚动到 div

Question

我使用的是 Bootstrap 4，出于某种原因，滚动到 div 功能仅适用于手机/较小的屏幕尺寸。

Javascript 代码:

  <script>
    $(".navbar-nav li a").click(function(event) {
        if (!$(this).parent().hasClass('dropdown'))
            $(".navbar-collapse").collapse('hide');
    });   </script>

导航栏链接:

        <li class="nav-item">
            <a class="nav-link" href="#about-us"><button type="button" class="btn btn-green">About</button></a>
        </li>

分区:

  <div class="about" id="about-us">
    <div class="container">
      test
    </div>
  </div>

Answer 1

navbar-brand 类与 navbar-nav 重叠。因此将 z-index 添加到 html 页面中的 navbar-nav 即

<ul class="navbar-nav ml-auto" style="z-index:1;">