鼠标滚轮事件

要达到效果是，滚动鼠标到一定距离，导航条出现，没有达到这个高度，滚动条消失

鼠标滚轮监听需要用到插件

jquery.mousewheel.min.js

var Pc = {
   xh:function(obj){
      doch = obj.height();//元素高度
      doctoph = obj.offset().top;//元素距离顶部高度
      wh = $(window).height();//浏览器窗口高度
      scrollh = $(document).scrollTop();//滚动条高度
      xh = wh-(doch+doctoph-scrollh);//元素到浏览器底部的高度
      return xh;
   },
    showNav:function(){
      headerxh = Pc.xh($(".header"));
      if(headerxh>400){
         $(".nav").addClass("fixed");
      }else{
         $(".nav").removeClass("fixed");
      }
   }
}

/*滚轮动效*/
Pc.showNav();
$("body").bind('mousewheel', function(event, delta, deltaX, deltaY) { //监听鼠标滚轮
    Pc.showNav();/*导航显示动效*/
});