fixed header

<script src="js/jquery-2.1.1.min.js"></script>

<div class="headfix">
</div>

<style>
.headfix{
    display: none;
    position: fixed;;
    width: 100%;
    top: 0px;
    z-index: 30;
}
</style>

<script>
 $(document).ready(function(){
        $(window).scroll(function(){
                if( $(window).scrollTop() > 200 ) { /*200 - расстояние в пикселях от верхушки body*/
                        $('.headfix').css({display: 'block'});

                } else {
                        $('.headfix').css({display: 'none'});
                }
        });
    });
</script>