Edit in JSFiddle

 $( document ).ready( function() {
        var jbOffset = $( '.jbMenu' ).offset();
        $( window ).scroll( function() {
          if ( $( document ).scrollTop() > jbOffset.top ) {
            $( '.jbMenu' ).addClass( 'jbFixed' );
          }
          else {
            $( '.jbMenu' ).removeClass( 'jbFixed' );
          }
        });
      } );

<div class="jbTitle">
      <h1>Site Title</h1>
    </div>
    <div class="jbMenu">
        <ul class="t_menu">
            <li>menu 1</li>
            <li>menu 2</li>
            <li>menu 3</li>
            <li>menu 4</li>
            <li>menu 5</li>
            
        </ul>
    </div>
    <div class="jbContent">
 </div>

  body {
        margin: 0px;
        padding: 0px;
      }
      .jbTitle {
        text-align: center;
      }
      .jbMenu {
        text-align: center;
        background-color: yellow;
        padding: 10px 0px;
        width: 100%;
      }
      .jbContent {
        height: 2000px;
      }
      .jbFixed {
        position: fixed;
        top: 0px;
      }
.t_menu{
      padding: 3px 10px;
    
}
.t_menu li{list-style:none; float:left; width:80px; margin: 0 10px;}