向上滚动时更改scrollTop偏移量，在scrollDown上更改不同的偏移量

Question

我遇到了一个问题，我有一个动态标题，在向上滚动时变大，在向下滚动时变小，因此需要更改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小提琴来展示我想要实现的目标：https://jsfiddle.net/zq9y7nge/1/

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