Javascript 当用户向上滚动时元素位置发生变化

当用户向下滚动时，我使用此代码更改标题位置。这意味着当用户向下滚动时，我的标题应该是固定的

CSS:

.backForward_links {
  border: 1px solid #2B2B2B;
  border-width: 0 0 1px 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  text-transform: uppercase;
}

jQuery：

var elementOffset = $(".backForward_links").offset().top;
$(window).scroll(function() {
    var scrollPos = $(document).scrollTop();
    if (scrollPos > elementOffset) {
        $(".backForward_links").css({
            'top': '48px',
            'position': 'fixed'
        });
    } else {
        $(".backForward_links").css({
            'top': '0px',
            'position': 'relative'
        });
    }
});

---

我现在需要的是，当用户向上滚动而不是向下滚动时，我的标题应该是固定的。

当用户向上滚动时应该发生什么，当用户向下滚动时应该发生什么？当向下滚动标题不应该可见时，在向上滚动之后，当用户向上滚动时应该发生什么，当用户向下滚动时应该发生什么？当向下滚动时，标题不应该在向上滚动之后可见