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.如果我正在查看当前页面，它什么都不做 - ＆gt;意思是甚至没有重新加载页面。

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>

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

2 个答案: