jquery - 导航栏粘在顶部

Question

我使用了来自 Here 的代码使用获取导航栏停留在顶部。这工作正常，但当我添加我的实际导航 div 时，导航栏设置为距顶部约 20 像素，并在您滚动时跳回到顶部。

我在导航下添加了这个:

<div id="navbar">
<ul id="navlist">
<li><a href="#">About</a></li>
<li><a href="#">Prints</a></li> 
<li><a href="#">Services</a></li>   
<li><a href="#">Contact</a></li>
</ul>
</div>

知道为什么当我在导航中添加一个列表或 div 时它会把所有东西都弄乱吗？ http://jsfiddle.net/x4GQ5/3/

Answer 1

您需要包括 overflow: hidden;在 ul#nav因为它有 float 的后代(它的高度因此折叠)并且您需要删除 <ul> 上的默认边距.您还应该考虑包括 CSS reset这样您就可以避免默认的浏览器样式规则。

jsFiddle