Quiero crear una barra de navegación similar a la de este sitio:

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

¿Alguien me puede decir cómo crear esa barra de navegación, que te sigue a medida que avanzas por la página, pero no te sigue en la carga inicial de la página?

Cuando acceda a lasitio web dado, trata de desplazarte hacia abajo y entenderás de lo que estoy hablando. La barra de navegación que consta de MI TIENDA, OFERTAS, IDEAS Y ESTILO DE VIDA, PANADERÍA y así sucesivamente ...

Realmente no tengo idea de cómo se llama. Al menos dime cómo se llama, así podré buscar.

Aquí está la solución que he hecho.

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