Jquery顺畅地上下滚动，两者之间没有停顿

Question

我正在尝试复制以下网站上的滚动效果： http://jwt.amsterdam/en/work/the-rain-project

正如您所看到的 - 当您向下滚动时，它会滚动到底部（标题的高度），当您向上滚动时，它会一直向上滚动。我已经设法做到了这一点，但正如你在网站上看到的那样，你可以停止滚动事件并在滚动另一侧时改变滚动的方向。

我已尝试使用stop事件并清除队列，但到目前为止我还没能使它工作。

这是我的代码：

var lastScrollTop = 0;
var delta = 5;
var headerHeight = $('#ii-intro-home').outerHeight(true);

$(window).scroll(function(event){

   var st = $(this).scrollTop();

   if(Math.abs(lastScrollTop - st) <= delta)
      return;

  if ( st <= headerHeight && st > lastScrollTop ) {
    // showing header and scrolling down
    $('html, body').animate({scrollTop: headerHeight}, 800);

  } else if ( st <= headerHeight && st < lastScrollTop ) {
    // showing header and scrolling up
    $('html, body').animate({scrollTop: '0px'}, 800);
  }

   lastScrollTop = st;
});