ブートストラップ4 divにスクロール

Question

私はブートストラップ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。だからあなたにnavbar-navへのzインデックスを追加重なっていますhtmlページie

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

Answer 2

あなたのCSSファイルに以下を追加することができます。

.navbar-brand.mx-auto { 
    width: 216px; 
    right: 0; 
    left: 0; 
}