在向上滚动时尝试将标题恢复正常，它会继续循环fadeOut

Question

在向上滚动时尝试将标题恢复正常，它会保持循环fadeOut：

// Main content window    
$('.main').scroll(function() {
    if ($(this).scrollTop() > 400) {
        //header   
        $('header').slideUp(500).delay(800).fadeOut(400);
    } else {
        $('header').slideUp(500).fadeIn(400);
    }
}

Answer 1

使用下面的代码。在动画开始之前添加.stop()

  

描述：停止匹配的当前运行的动画   元件。

 if ($(this).scrollTop() > 400) {

 //header   
    $('header').stop().slideUp(500).delay(800).fadeOut(400);

  } else {

     $('header').stop().slideUp(500).fadeIn(400);
  }