JQ判断上下滑动

功能目标：下滑时隐藏、上划时显示底部导航栏，在页首页尾也显示底部导航栏。

原理：

scroll()滚动事件发生时，

拿当前的scrollTop和之前的scrollTop对比

如果变大了，表示向下滚动(scrollTop值变大);

如果变小了，表示向上滚动(scrollTop值变小)。

$(document).ready(function(){  
 var p=0,t=0;  
  
 $(window).scroll(function(e){  
p = $(this).scrollTop();  
  
if(t<=p){//下滚  
 .......  
}  
  
else{//上滚  
 .......
}  
t = p;;//更新上一次scrollTop的值
 });  
});

个人实例：

       
  
show navbar
 
  
1
  
2
  
 
Navbar