Edit in JSFiddle

Result
JavaScript
HTML
CSS

//get the height of div1	
firstLayer = $('#div1').height();	
$(window).on('scroll', function() {
    var y_scroll_pos = window.pageYOffset;
    
    if(y_scroll_pos > firstLayer) {
        $('#menuLayer').css( "position", "fixed" );	        
    }
    
    if(y_scroll_pos < firstLayer) {
        $('#menuLayer').css( "position", "relative" );
				
    }
});

<div id='div1'> Scroll Down </div>
<div id='menuLayer'>Home , About us , Contact Us</div>
<div id='content'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nulla velit, dignissim non dui sit amet, gravida posuere sem. Vivamus facilisis velit volutpat metus venenatis, vel ultrices neque cursus. Pellentesque eu ipsum nec lorem facilisis faucibus vel at magna. Pellentesque bibendum odio a vulputate fermentum. Sed egestas bibendum eros a congue. Ut tempor ultricies ipsum ut volutpat. Suspendisse rhoncus massa id felis condimentum, sit amet commodo sapien eleifend. Donec velit eros, iaculis sit amet ante sit amet, dapibus ornare nunc. Nullam lobortis nisl magna, eu fermentum turpis dapibus ut. Praesent scelerisque, sem feugiat fringilla lobortis, felis ipsum finibus nibh, sit amet congue lorem lorem et dui. Aenean pellentesque imperdiet ipsum et malesuada. Vivamus mi nunc, venenatis vel aliquam vel, cursus in libero. Aenean eu imperdiet turpis. Donec vitae rutrum ipsum.<br><br>

In pretium sapien a blandit lacinia. Ut eget tellus sed turpis feugiat auctor. Praesent id lorem euismod, dapibus lacus sed, ultrices ligula. Aenean eu sagittis risus. Phasellus ac augue vestibulum, vestibulum ligula vitae, condimentum tellus. Curabitur vel velit tortor. Aliquam rutrum orci non consectetur vulputate. Sed mattis diam lacus, sit amet accumsan diam mollis quis. Sed sodales tempor lacus, vel dapibus ipsum venenatis at. Aliquam ornare ultricies turpis, suscipit scelerisque velit placerat eget. Donec vulputate ante a leo rutrum accumsan. Phasellus bibendum felis sed ornare euismod. Nam sed augue justo. Duis semper sem et metus imperdiet, id suscipit nunc dapibus. Praesent dapibus convallis nulla sit amet viverra. Aenean euismod dolor vel quam accumsan, at pharetra erat pellentesque.<br><br>

Curabitur feugiat hendrerit pharetra. Phasellus iaculis justo condimentum porttitor finibus. Praesent nulla neque, cursus at libero nec, iaculis malesuada ipsum. Curabitur consequat erat a mi aliquet, a faucibus nunc blandit. Curabitur at ullamcorper arcu. Nam purus felis, accumsan id eros feugiat, auctor sagittis risus. Aenean egestas felis id risus pellentesque consequat. Sed vel bibendum lectus. Fusce varius rhoncus laoreet. Suspendisse efficitur non nisi in congue. Integer semper mollis mi quis malesuada. Curabitur lobortis velit vel erat posuere malesuada id fringilla ligula. Cras viverra, quam at scelerisque rutrum, augue nisi fermentum orci, et mollis magna ligula et velit.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem sapien, aliquet vitae purus eu, porttitor accumsan odio. Nulla ullamcorper eros sed ipsum laoreet, id iaculis massa semper. Mauris diam nulla, volutpat sed turpis ut, consectetur pretium lectus. Proin suscipit placerat mi nec pretium. Suspendisse dapibus tellus lorem, vitae dignissim elit rhoncus eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vitae gravida tellus. Nam sit amet lacus dapibus, semper metus nec, tincidunt nunc. Maecenas in eros diam. Suspendisse dapibus eleifend ligula, non cursus tellus auctor a. Sed sit amet fermentum mi, non interdum risus. In hac habitasse platea dictumst.
<br><br>
Phasellus mollis nisi ligula. Sed ipsum elit, feugiat vel ullamcorper ut, porttitor ut velit. Nam placerat tristique sem, vel congue neque. Sed eget augue aliquet, scelerisque mauris ut, imperdiet dolor. Sed sodales in ligula molestie euismod. Vestibulum dapibus sodales auctor. Donec tristique lorem vitae consequat dictum. Integer eu metus at tortor posuere maximus. Pellentesque ante erat, malesuada sit amet tempus vitae, sagittis non dolor. Proin ullamcorper purus mi, nec congue arcu pellentesque vel. Curabitur posuere imperdiet sem quis blandit. Sed ornare diam eget libero hendrerit convallis. In tempus congue orci a suscipit. Integer suscipit lorem nunc, eu molestie velit aliquam ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nulla velit, dignissim non dui sit amet, gravida posuere sem. Vivamus facilisis velit volutpat metus venenatis, vel ultrices neque cursus. Pellentesque eu ipsum nec lorem facilisis faucibus vel at magna. Pellentesque bibendum odio a vulputate fermentum. Sed egestas bibendum eros a congue. Ut tempor ultricies ipsum ut volutpat. Suspendisse rhoncus massa id felis condimentum, sit amet commodo sapien eleifend. Donec velit eros, iaculis sit amet ante sit amet, dapibus ornare nunc. Nullam lobortis nisl magna, eu fermentum turpis dapibus ut. Praesent scelerisque, sem feugiat fringilla lobortis, felis ipsum finibus nibh, sit amet congue lorem lorem et dui. Aenean pellentesque imperdiet ipsum et malesuada. Vivamus mi nunc, venenatis vel aliquam vel, cursus in libero. Aenean eu imperdiet turpis. Donec vitae rutrum ipsum.<br><br>

</div>

#div1{
    width:100%;
    height:800px;
    background:#333;  
    text-align:center;
    Color:#fff;
}

#menuLayer{
    width:100%;
    height:50px;
    background:#4679BD;    
    top:0px;
    text-align:center;
    line-height:50px;
}

#content{
    width:100%;
    min-height:2000px;
    background:#D8E5CE;    
}