2013-02-06 6 views
37

Ich versuche, einen sehr einfachen Effekt zu erstellen, bei dem die Navigation beim Scrollen auf der Seite oben auf der Seite bleibt. Alles, was ich tun sollte, ist "position: fixed" in der Kopfzeile, die ich derzeit habe. Aus irgendeinem Grund behandelt es eher wie ein "Position: absolut" Element im Vergleich zu einem festen. Ich habe es auf anderen Elementen auf der Seite mit dem gleichen Effekt versucht, also muss ich etwas haben, das in meinem HTML- oder CSS-Code das Problem verursacht. Irgendwelche Ideen?Position behoben, die nicht für Kopfzeile funktioniert

http://jsfiddle.net/apautler/yDhXG/1/embedded/result/

Kopf CSS

.nav-main {overflow: visible; position: fixed; 
      top: 0; left: 0; right: 0; height: 60px; width: 100%;} 

Hinweis, die Seite anspricht, so dass die position: fixed Tritte in bei 768px.

+0

funktioniert hier – Toping

+0

funktioniert auch für mich –

+0

Hmm. Ich habe es gerade in Firefox ausprobiert und es hat funktioniert. Sehr eigenartig. Es funktioniert immer noch nicht in Safari oder Chrome, auch nachdem ich den Browser gelöscht habe. Funktioniert es für Sie beide in Webkit-Browsern? Irgendeine Idee, was das Problem verursachen könnte? – Andrew

Antwort