Wie kann ich eine Navigationsleiste oben auf der Seite fixieren und haben dort bleiben, während Seite scrollt

Question

Wenn ich ...

<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; 
} 

... seine perfekt an der Spitze befestigt ..

Und ich Wenn die Seite nach unten scrollt, bleibt sie oben und erscheint so, als ob sie beim Scrollen mit der Seite nach unten schweben würde.

Danke.

Answer 1

Ich empfehle Ihnen, in diese aussehen, und einige Jquery verwenden, um es

zu machen bleiben Heres ein Tutorial

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

Answer 2

Verwenden position: fixed; top: 0; und sicher sein, Ihre HTML einen Doctype hat

zu erhalten begonnen