Como criar uma barra de navegação dinâmica que segue você quando você alcança determinado local

Eu quero criar uma barra de navegação semelhante a este site:

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

Alguém pode me dizer como criar essa barra de navegação, que segue você enquanto você rola a página para baixo, mas não seguindo você no carregamento inicial da página?

Quando você acessa odeterminado site, tente rolar para baixo e você vai entender o que estou falando. A barra de navegação que consiste em minha loja, OFERTAS, IDEIAS & ESTILO DE VIDA, PADARIA e assim por diante ...

Eu realmente não tenho ideia do que é chamado. Pelo menos diga-me como é chamado, então poderei pesquisar.

Aqui está a solução que eu fiz

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