0

我正在创建一个带有导致页面跳转的导航的网站。但是当 page-jump 事件被执行时，我的页面将无法正确加载，并且调用的大部分内容都没有加载。这是我的导航副本：

   <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>

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

谢谢

4

2 回答 2

0

当用户单击链接时，您只需<a name="bear-logo">要将页面滚动到您希望页面滚动到的位置，其他人也一样。例如，如果你想滚动到<p>下面的标签，你可以这样做：

<a href="#bear-logo">BEAR SOUP</a>
<!--More Code-->
<a name="bear-logo">
<p>Bear Soup:</p>
于 2014-01-14T03:01:38.333 回答
0

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

我假设您实际上在页面上有链接。例如，<a id="bear-logo"></a>、<a id="fiat-logo"></a> 等。

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

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

于 2014-01-14T03:11:17.813 回答