可以使用当前脚本对滚动的淡化效果？

Question

我使用一个非常简单的脚本来表示粘性标题。但是当向上滚动时我想让它消失。这可能与我正在使用的当前脚本有关吗？

$(window).scroll(function () {
    if ( $(this).scrollTop() > 500 && !$('header').hasClass('open') ) {
      $('header').addClass('open');
      $('header').slideDown();
    } else if ( $(this).scrollTop() <= 500 ) {
      $('header').removeClass('open');
      $('header').slideUp();
    }
});

demo jsfiddle

Answer 1

使用$('header').fadeOut('slow');

https://jsfiddle.net/kyx14te0/1/

Answer 2

使用淡出：

$(window).scroll(function () {
  if ( $(this).scrollTop() > 500 && !$('header').hasClass('open') ) {
    $('header').addClass('open');
    $('header').slideDown();
  } else if ( $(this).scrollTop() <= 500 ) {
   $('header').removeClass('open');
   $('header').fadeOut();
 }
});