[MC-XOBAHCK]

sotex2,
нужно протестировать и может стили поправить:

window.addEventListener('load', function () {
    function getCoords(elem) {
        var box = elem.getBoundingClientRect();
        return box.top + pageYOffset
    }

    var nav = document.querySelector('#top_nav');
    var navTop = getCoords(nav);

    document.addEventListener('scroll', function() {
        var scrolled = window.pageYOffset || document.documentElement.scrollTop;
        
        if (scrolled >= navTop) nav.style.cssText = 'display: block; position: fixed; top: 0; left: 0;';
        else nav.style.cssText = 'display: none; position: inherit;';
    })
});