有个特别好的用户体验细节，不知道你们有没有观察过，或者在哪个网站看到过：就是当页面往下滚动的时候，头部导航条影藏，当页面往上滚动的时候（并不一定是滚动到头部，只要是向上滚动），导航条在窗口顶部浮现。这个体验有目共睹的，因为它是真正考虑用户动作的需求了的，不明白？仔细想想吧。

要做这个效果就务必要先知道滚动的方向，这个也是最核心的一步，蓝狮官网下面代码是最简单的判断滚动条滚动方向的代码，并且兼容ie6+，本人（切图网前端工程师）亲测有用，需要就拿去吧，最简单有效的判断方法：

$(document).ready(function(){
var p=0,t=0;

$(window).scroll(function(e){
p = $(this).scrollTop();

if(t<=p){//下滚
…….
}

else{//上滚
…….
}
setTimeout(function(){t = p;},0);
});

});
切图网提供专业的web前端开发服务包括pc网页切图，蓝狮注册登陆手机端网页切图，响应式网页制作，微网站微场景前端开发等，欢迎致电：4000-724-120