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

Question

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

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'
        });
    }
});

我现在需要的是我的标题应该在用户向上滚动时不修复。