Javascript 仅在滚动上显示页眉和页脚

我只想在卷轴上显示我的页眉和页脚

根据我的代码，我可以在向上滚动时完美地显示页眉，但如果向下滚动，页眉会向上滑动，页脚会向下滑动

它应该是这样工作的：

只显示节标记

向上滚动=>显示标题

向下滚动=>隐藏标题并转到内容

向下滚动（显示内容后再次）=>显示页脚

向上滚动（显示页脚后）=>显示内容

...
...
...

这里有一张图片显示我的布局是如何构建的（黑色区域：页眉和页脚）

---

那么你想在页眉->内容->页脚部分之间有一个不连续的“跳跃”吗？也就是说，不管用户向下滚动多少次（例如），它都会捕捉到下一个部分？@jonny是的，没错。正如jonny所说，这看起来很不寻常。确保您的内容具有固定的高度并且溢出，以便您可以滚动它。根据滚动条的位置，使用CSS滑入页眉或页脚transitions@SouritraDasGupta我现在觉得这看起来很不寻常，但不幸的是我的客户希望这样。。。

var lastScrollTop = 0;
$(window).on('scroll', function () {
  var st = $(this).scrollTop();
  if (st > lastScrollTop) {
    header.slideUp();
    footer.slideDown();
  }
  else {
    header.slideDown();
    footer.slideUp();
  }
});