jq监听向上滚动和向下滚动
jquery
var p=0,t=0;
$(document).scroll(function() {
var scroH = $(document).scrollTop(); //滚动高度
var viewH = $(window).height(); //可见高度
var contentH = $(document).height(); //内容高度
p=$(this).scrollTop();
// 向上滚动显示导航，向下滚动隐藏导航
if(t<p){
$('.header.hidden-xs').css('display', 'none');
}else{
$('.header.hidden-xs').css('display', 'block');
}
setTimeout(function(){ t = p ; },0)
});