我正在为移动全屏导航栏使用引导程序模式，并且导航条中的链接链接到页面的各个部分，但是单击模式中的链接时，不会滚动。

我尝试将href切换为index.html#home而不是#home，但没有成功。

这是我的模态：

<div
  class="modal fade fullscreen"
  id="menuModal"
  tabindex="-1"
  role="dialog"
  aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button
          type="button"
          class="close btn btn-link"
          data-dismiss="modal"
          aria-hidden="true">
          <i class="fa fa-close fa-lg"></i>
        </button>
        <h4 class="modal-title text-center">
          <span class="sr-only">main navigation</span>
        </h4>
      </div>
      <div class="modal-body text-center">
        <ul>
          <li>
            <a href="#home" data-dismiss="modal">Home</a>
          </li>
          <li>
            <a href="#about" data-dismiss="modal">About</a>
          </li>
          <li>
            <a href="#contact" data-dismiss="modal">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

我希望导航栏中的链接可以平滑滚动到页面的所需部分。 我在Codepen