Scrollspy активный Navbar с тем же идентификатором

Question

Можно ли иметь одинаковый идентификатор в div и выделять навигационную ссылку, когда она прокручивается с помощью scrollspy? У меня есть три элемента с одним и тем же идентификатором, и моя проблема в том, что активная ссылка в моей навигации не выделяется при прокрутке в области на втором элементе. То же самое касается третьего. А также, я не могу использовать класс на HREF. Мой код выглядит следующим образом:

Навигационный код:

<ul class="nav navbar-nav pull-right">
       <li><a href="#same-id" class="text-uppercase home-link">Same ID</a></li>
       <li><a href="#other-content" class="text-uppercase">Other Content</a></li>
       <li><a href="#some-other-content" class="text-uppercase">Some Other Content</a></li>
</ul>

Это мой код:

<div id="same-id">
   ....
</div>
<div id="other-content">
   ....
</div>
<div id="same-id">
   ....
</div>
<div id="some-other-content">
   ....
</div>
<div id="same-id">
   ....
</div>