===============


===================

<script type="text/javascript">$(document).scroll(function() {
var y = $(document).scrollTop(), header = $("#menu"); if(y >= 300)
{ header.css({position: "fixed", "top" : "0", "left" : "0"}); } else {header.css("position", "relative"); } });</script>

============================


==========================


#menu {
    display: inline-block;
    position: fixed;
    min-width: 100%;
    list-style:none;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    top:112px;
    background-color:#666;
    text-align: center;
}

=========================

=======================