要达到效果是,滚动鼠标到一定距离,导航条出现,没有达到这个高度,滚动条消失
鼠标滚轮监听需要用到插件
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();/*导航显示动效*/ });