Question

我正在创建一个导航页面跳转的网站。但是当执行页面跳转事件时，我的页面将无法正确加载，并且未加载调用上方的大多数内容。这是我导航的副本：

   <div id="navbar-type">
     <ul>
       <li><a href="#bear-logo" target="_self">BEAR SOUP</a></li>
       <li><a href="#fiat-logo" target="_self">FIAT MOTORS</a></li>
       <li><a href="#news-logo" target="_self">NEWSEUM</a></li>
       <li><a href="#texas-logo" target="_self">TEXAS PARKS</a></li>
       <li><a href="#zach-logo" target="_self">ZACH THEATRE</a></li>
       <li><a href="#guinness-logo" target="_self">GUINNESS</a></li>
     </ul>
   </div>

如何修复代码以便页面跳转上方的项目可见？

由于

Answer 1

您只需将<a name="bear-logo">放在您希望页面滚动到用户点击链接的位置，而其他链接则相同。例如，如果您想滚动到下面的<p>标记，则可以这样执行：

<a href="#bear-logo">BEAR SOUP</a>
<!--More Code-->
<a name="bear-logo">
<p>Bear Soup:</p>

Answer 2

显示的HTML似乎没有任何错误。但是，您不需要为内联页面锚定包含目标。

我假设你实际上有页面上的链接。例如，＆lt; a id =“bear-logo”＆gt;＆lt; / a＆gt;，＆lt; a id =“fiat-logo”＆gt;＆lt; / a＆gt;等等。

此外，您描述的问题似乎表明页面上的其他地方存在一些无效代码（可能是JS或jQuery）。我建议您评论HTML的各个部分，直到找出干扰罪魁祸首为止。

顺便说一下，您是否考虑过使用简单的jQuery脚本将导航流向徽标而不是突然跳转到它们？

html导航页面跳转

2 个答案: