Navbar ist in mehrere Div-Klassen aufgeteilt - wie man sie alle oben auf Scroll kleben? (javescript)

Question

http://www.new.techmoney360.com/ ist die Website und es ist in WordPress erstellt.

der gesamte Navigationsabschnitt durch

mkd-menu-area

obwohl umfasst, hat es ein paar verschiedenen <div> ‚s und ein <nav> in sie. Wie kann ich all diese greifen und sie beim Scrollen nach oben halten?

http://www.vice.com tut genau das, was ich versuche

Die Art und Weise dieser Website Arbeit zu emulieren ist die ganze HTML via PHP die Struktur so erstellt verändert ist etwas schwierig und etwas, was ich würde es vorziehen, zu vermeiden. Ich hatte gehofft, ich könnte etwas CSS anwenden und es halten.

hier ist ein paar Javascript habe ich versucht, auf dem Navigationsmenü zu verwenden. Ich habe dem Navigationsmenü eine ID hinzugefügt, damit ich es leicht anvisieren kann.

window.onscroll = changePos; 

function changePos() 
{ 
    var header = document.getElementsById("navmenu"); 
    if (window.pageYOffset > 70) 
    { 
     header.style.position = "fixed"; 
     header.style.top = "0"; 
    } 
    else 
    { 
     header.style.position = ""; 
     header.style.top = ""; 
    } 
} 

und es funktionierte nie:/ Dieses Skript macht absolut Sinn für mich?

Answer 1

den Header Put Fest:

.mkd-top-bar { 
    position: fixed; 
    [...] 
} 

.mkd-page-header { 
    position: fixed; 
    top: 33px; 
    [...] 
} 

Info: http://www.w3schools.com/cssref/pr_class_position.asp

Und trennen den Inhalt mit Rand oben:

.mkd-content { 
    margin-top: 200px; 
    [...] 
}