1

使用 Bootstrap，我有nav nav-list以下内容：

<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

4

1 回答 1

2

当浏览器滚动到您的 H2 时，它不会考虑标题浮动在它上面。您可以通过在 H2 中添加一些“填充顶部”来解决此问题。试试添加这个...

h2 { padding-top: 50px; }

于 2013-05-14T21:23:00.547 回答