滚动跳过H2

使用引导程序，我有以下nav nav-list：滚动跳过H2

<ul class="nav nav-list well hidden-phone hidden-tablet" data-spy="affix" data-offset-top="299"> 
     <li><a href="#about">About The Green Panda</a></li> 
     <li class="divider"></li> 
     <li><a href="#logo">Logo & Brand</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Contact us</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Press</a></li> 
     <li class="divider"></li> 
     <li><a href="#">Work With Us</a></li> 
     </ul>

的href链接到h2在页面上。当你点击链接时，它会跳过h2，并在你滚动时不显示它。我在这里创建了一个JS小提琴：http://jsfiddle.net/YNRWp/

我找不出如何解决这个问题。我相信这与固定导航栏有关，但我无法弄清楚它是什么。这是我想要它做的（注意每个部分顶部的标题：http://twitter.github.io/bootstrap/scaffolding.html#global

来源

2013-05-14 user2371301

看看在你的代码（你的提琴），你有反复IDS（prependedInput）。你不应该。 – Fico

而不是将解决方案添加到你的问题，你应该接受（也可能upvote）大卫的回答。 – madth3

** madth3：**我发布解决方案，以帮助即将到来的观众的我的问题本网站的目的）我从来没有注意到你可以投票并接受提供的答案，现在我已经提到你并且表达了这些愿望！谢谢你通知我这种可能性和快乐的编码:) – user2371301

当浏览器滚动到您的H2时，它不会考虑到标题在其上浮动您可以解决此通过添加一些“填充顶”到你的H2的。尝试添加该...

h2 { padding-top: 50px; }

来源

2013-05-14 21:23:00 David

哇，我现在陷入了愚蠢的境地，但谢谢你！ :) – user2371301

回答

相关问题