Направлять пользователей в определенные места на странице

Question

Я хочу настроить меню, чтобы направить пользователя на ту же страницу, но в разных местах

  <ul>
      <li><a href="realtime.php#location1">location 1 in page</a></li>
      <li><a href="realtime.php#location2">location 2 in page</a></li>                
   </ul>

вот HTML-код страницы: (realtime.php)

 <div id="location1" name="location1"></div>
    <some html....>
    <div id="location1" name="location1"></div>
    <some other html...>

Он не работает для меня: 1. Он не перенаправляет в правильное место на странице 2. Если я просматриваю текущую страницу, он ничего не делает -> смысл даже не перезагружает страницу.

Answer 1

Идентификаторы фрагмента должны соответствовать идентификатору целевого элемента.

Если вы хотите сделать ссылку на id="squeeze" тогда вам нужно #squeeze не #location1

Я также рекомендую избегать ссылки на <a> элементы в пользу блочного элемента, содержащего контент, на который вы хотите сослаться.

<div id="sequeeze">

Answer 2

Просто используйте ссылки с якорями

<ul>
  <li><a href="#location1">location 1 in page</a></li>
  <li><a href="#location2">location 2 in page</a></li>                    
</ul>

чем внутри тела

<div id="location1"></div>