So erstellen Sie eine dynamische Navigationsleiste, die Ihnen folgt, wenn Sie einen bestimmten Ort erreichen

Ich möchte eine Navigationsleiste erstellen, die der folgenden dieser Site ähnelt:

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

Kann mir jemand sagen, wie man diese Navigationsleiste erstellt, die Ihnen folgt, wenn Sie die Seite nach unten scrollen, aber beim ersten Laden der Seite nicht folgt?

Wenn Sie auf die zugreifengegebene WebsiteVersuchen Sie, nach unten zu scrollen, und Sie werden verstehen, wovon ich spreche. Die Navigationsleiste, die aus MEINEM SHOP, ANGEBOT, IDEEN & LEBENSSTIL, BÄCKEREI und so weiter besteht ...

Ich habe wirklich keine Ahnung, wie es heißt. Sag mir wenigstens, wie es heißt, damit ich suchen kann.

Hier ist die Lösung, die ich getan habe

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

Antworten auf die Frage(3)

Ihre Antwort auf die Frage