Как создать динамическую панель навигации, которая следует за вами, когда вы достигаете определенного места

Я хочу создать панель навигации, похожую на этот сайт:

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

Может ли кто-нибудь сказать мне, как создать эту панель навигации, которая следует за вами, когда вы прокручиваете страницу вниз, но не следует за вами при начальной загрузке страницы?

При доступе к данному веб-сайту попробуйте прокрутить вниз, и вы увидите понять, о чем я говорю. Навигационная панель, состоящая из МОЙ МАГАЗИН, ПРЕДЛОЖЕНИЙ, ИДЕИ И ОБРАЗ ЖИЗНИ, ВЫПЕЧКА и так далее...

Я действительно понятия не имею, как это называется. Хотя бы скажи мне, как он называется, чтобы я мог поискать.

Вот решение, которое я сделал

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