//通过滚动条控制导航条的展现隐藏 var oldScrollNum = 0; window.onscroll = function(){ var t = document.documentElement.scrollTop || document.body.scrollTop; //下滑 if (t>oldScrollNum) { if (t>120) { $("#mynavbar").css("margin-top","-70px");//顶部导航 $("#post-bottom-bar").css("bottom","-3pc");//底部导航 } if (t>300) { $("#right_meun").css("display","inline-block");//右侧导航 } //上拉 }else{ //防止用a链接跳转也触发效果 if (oldScrollNum-t<20) { $("#mynavbar").css("margin-top","0px");//顶部导航 $("#post-bottom-bar").css("bottom","0");//底部导航 } if (t<=300) { $("#right_meun").css("display","none");//右侧导航 } } oldScrollNum = t; }