So erstellen Sie eine dynamische Navigationsleiste, die folgt, die Sie beim erreichen bestimmter Lage

Ich möchte eine Navigationsleiste erstellen, die ähnlich dieser Website:

http://www.mysupermarket.co.uk/#/shelves/top_offers_in_asda.html

Kann mir jemand sagen, wie schaffen, dass die navigation bar, die Ihnen folgt, wie Sie die Seite scrollen nach unten, aber nicht nach Sie auf das Initiale laden der Seite?

Wenn Sie Zugang zu den website, versuchen Sie, nach unten scrollen, und Sie werden verstehen wovon ich spreche. Die Navigationsleiste besteht aus MEINEM SHOP, ANGEBOTE, IDEEN & LIFESTYLE, BÄCKEREI und so weiter...

Ich habe wirklich keine Ahnung, was es heißt. Zumindest sagen mir, was es heißt, so werde ich im Stande sein, zu suchen.

Hier ist die Lösung, die ich getan habe

window.onscroll = function(){
    if(getScrollTop()>140) {
        document.getElementById("menu").style.position="fixed";
    } else {
        document.getElementById("menu").style.position="";
    }
}

function getScrollTop() {
    if (window.onscroll) {
        //Most browsers
        return window.pageYOffset;
    }

    var d = document.documentElement;
    if (d.clientHeight) {
        //IE in standards mode
        return d.scrollTop;
    }

    //IE in quirks mode
    return document.body.scrollTop;
}

InformationsquelleAutor Alvis Chen | 2012-04-10