почему анимация не работает, когда я помещаю sla sh в id меню li?

Question

Приведенный ниже код работает с анимацией, то есть когда я щелкаю по меню, подобному сервису, он переходит в сервисный div с анимацией. Но когда я ставлю <li><a href="/#services">Services</a></li> как этот ie "/ # services", анимация не работает. почему любая идея?

<div class="collapse navbar-collapse" id="myNavbar">
  <ul class="nav navbar-nav navbar-right">
    <li>
      <a href="#aboutus">About US</a>
    </li>
    <li>
      <a href="#services">Services</a>
    </li>
    <li>
      <a href="/Home/Contact">Contact US</a>
    </li>
    <li>
      <a href="#" data-target="#login" data-toggle="modal">
        Sign in
      </a>
    </li>
    @*
    <li class="btn-trial">
      <a href="#footer">Free Trail</a>
    </li>
    *@
  </ul>
</div>

Answer 1

Это потому, что href="#services" перенаправляет вас на ту же страницу, но href="/#services" перенаправляет вас в каталог root. Посмотрите на свою адресную строку, когда вы нажимаете на ссылку в обеих ситуациях, чтобы понять.

   /   = Root directory
   .   = This location
   ..  = Up a directory
   ./  = Current directory
   ../ = Parent of current directory
   ../../ = Two directories backwards