2014-01-14 168 views
0

我正在创建一个导航页面跳转的网站。但是,当页跳转事件执行时,我的页面将无法正常加载,并且大多数被调用的内容未加载。以下是我的导航副本:html导航页面跳转

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

如何修复代码以使页跳转上方的项目可见?

感谢

+0

不知道你在问什么,但上面的例子显示你在你的'href'中使用achor - 在这里没有问题。 –

回答

0

你只需把<a name="bear-logo">你想要的页面滚动,当用户点击该链接,同为他人。例如,如果你想滚动到下<p>标签,你可以做这样的:

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

似乎有没有在显示HTML的任何错误。但是,您不应该将目标包含在内嵌页面锚点中。

我假设你实际上有页面上的链接。例如,< a id =“bear-logo”> </a>,< a id =“fiat-logo”> </a>等等。

此外,你描述的问题似乎表明,页面上的其他地方(可能是JS或jQuery)有一些无效的代码。我建议您评论一下HTML的各个部分,直到找出造成干扰的罪魁祸首。

顺便说一句,你有没有考虑使用简单的jQuery脚本来导航到徽标,而不是突然跳到他们呢?