Question

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

Answer 1

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

h2 { padding-top: 50px; }

滚动跳过h2

1 个答案: