将用户定向到主页中的特定位置

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：（实时.php）

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

它对我不起作用：1.它不会重定向到页面内的正确位置2.如果我正在查看当前页面，它什么都不做 ->意思甚至不会重新加载页面。

Answer 1

片段标识符必须与目标元素的 id 匹配。

如果你想链接到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>