Javascript 向上滚动时更改scrollTop偏移，向下滚动时更改不同的偏移

我遇到了一个问题，我有一个动态标题，它在向上滚动时变大，向下滚动时变小，因此需要更改scrollTop偏移量

因此，我一直在四处寻找，并尝试使用我不存在的java技能，但没有成功

此jquery代码：

$(document).on('click', 'a[href^="#"]', function(e) {
    var id = $(this).attr('href');

    var $id = $(id);
    if ($id.length === 0) {
        return;
    }

    e.preventDefault();

    // top position relative to the document
    var pos = $(id).offset().top-500; // move this one

    $('body, html').animate({scrollTop: pos});
});

var iScrollPos = 0;

$(window).scroll(function () {
    var iCurScrollPos = $(this).scrollTop();
    if (iCurScrollPos > iScrollPos) {
        var pos = $(id).offset().top-500; //here when scrolling down
    } else {
        var pos = $(id).offset().top-100; // Here when scrolling up
    }
    iScrollPos = iCurScrollPos;
});

我制作了一把JS小提琴来展示我想要实现的目标：

---

那么，是否可以根据上下滚动来更改偏移量？

bump，有人可以帮忙吗？bump，有人可以帮忙吗？