滚动条事件，向下滚动给header加class

$s = $('.header')
$(window).scroll(function(e){
    var w_top = $(window).scrollTop();
    // 导航条固定在屏幕上
    if ( w_top > 50) {
        $s.addClass('header-fixed')
    } else {
        $s.removeClass('header-fixed')
    }
  })

上面的50是是向下滚动的距离，单位是px