我怎么能在页面顶部固定一个导航栏，并把它留在那里，而页面滚动

当我使用...我怎么能在页面顶部固定一个导航栏，并把它留在那里，而页面滚动

<div id="stay"> 
<%= render 'layouts/navbar' %> 
</div> 

#stay ul.TabNav { 
    background: #FFFFFF; 
    border-bottom:solid 2px #00E5EE; 
    padding:0 0px; 
    font-size:13px; 
    overflow:hidden; 
    background:-moz-linear-gradient(0% 100% 90deg,#FAFAFA, #FFF); 
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#FFF)); 
    position:relative; 
    top:0px; 
}

...它在顶部完全固定..

我'想让它保持在顶部，所以当页面向下滚动时，它会保持在顶部，并且看起来像它随着页面的滚动一样向下浮动。

谢谢。

来源

2012-04-11 Elias7

你没有给出一个例子，所以很难说。我可以说你应该更具体地选择你的nav元素，例如div＃navbar而不是div。 – Jeff 2012-04-11 20:18:09

如果你需要帮助，你需要给予我们的不仅仅是那行代码 – 2012-04-11 20:18:52

我建议你看看这个，并使用一些jQuery来使其留

继承人的教程，让你开始

http://net.tutsplus.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/

来源

2012-04-11 20:18:59

使用position: fixed; top: 0;，并确保你的HTML有一个DOCTYPE

来源

2012-04-11 20:29:05

我怎么能在页面顶部固定一个导航栏，并把它留在那里，而页面滚动

回答

相关问题