@hanzichi
// 页面滚动监测
var bodyScrollTop = 0,
bodyScrollBefore = 0;
$(window).scroll(function () {
bodyScrollTop = $(this).scrollTop();

// 滚动时给 header 加标识
$('.header').addClass('is-scrolled');

if (bodyScrollTop >= bodyScrollBefore) { // 向下滚动
console.log('向下滚动');
$('.header').removeClass('is-retracted');
} else { // 向上滚动
console.log('向上滚动');
$('.header').addClass('is-retracted');
}

setTimeout(function () {
bodyScrollBefore = bodyScrollTop;
}, 50);
});

这是我写的，，但是不能很好的监测，，总是会有延迟。或者判断不准确。