Как сделать нестандартное сопровождающее меню для лэндинга на jQuery?

jQuery(window).scroll(function () {
        var top = jQuery(this).scrollTop();
        var menu = jQuery('#header-text-nav-container');
        if (top < 200) {
            menu.stop().css('top', '0px');
        }
        if (top > 201 && top < 300) {
            menu.css('top' , '-70px');
            menu.css('position', 'absolute');
        }
        if (top >= 570 ) {
            menu.css('position', 'fixed');
            if (menu.css('top') == '-70px') {
                menu.stop().animate({
                    top: 0
                }, 200);
            }
        }
        if (top < 570){
            if (menu.css('top') == '0px' && menu.css('position') == 'fixed') {
                menu.stop().animate({
                    top: -70
                }, 200);
            }
        }