菜单悬停效果

<div class="cont">
    <div id="top"> </div>
    <div id="nav" class="nav"> </div>
</div>
<div style="height:1000px;"></div>

 #top{width:100%;height:50px;border:1px solid red;}
 .nav{width:1080px;height:50px;background:green;margin:0px auto;}
 .scoll_nav{width:100%;position:fixed; top:10px;  z-index:10000;}

    $(document).ready(function(e) {                                   
        $(window).scroll(function() {
          if($(window).scrollTop() >  $("#top").height()+10){
                 $("#nav").addClass("scoll_nav")
            }
          else{
                 $("#nav").removeClass(    "scoll_nav")
            }
       });                                       
    })