Javascript JQuery目标向上或向下滚动，但不滚动像素

我试图只针对jqueryscroll up或down元素。目前，我的目标是一个特定的像素，但如果我想向上或向下滚动目标呢

迄今为止的代码是：

var $sr = $('.fixed-div');

if ($(this).scrollTop() > 44) {
        $sr.css({
            'position': 'fixed',
            'top': '44px'
        });
    }

    if ($(this).scrollTop() < 88) {
         $sr.css({
            'position': 'static',
            'top': '44px'
        });
    }

var$sr=$（'.fixed div'）；
if（$（this）.scrollTop（）>44）{
$sr.css({
'位置'：'固定'，
“顶部”：“44px”
});
}
if（$（this）.scrollTop（）<88）{
$sr.css({
“位置”：“静态”，
“顶部”：“44px”
});
}

当我向下滚动时，这不起作用。固定div的顶部有一个元素，它是44px，但当我向上滚动时，元素的顶部有另一个div（Header），它是88px。所以向下滚动可以，但向上滚动元素仍然在44px位置？我使用了position static，因为当我滚动到顶部时，我希望所有元素都能正常堆叠

---

有什么想法吗？

请同时提供html。请发布足够的代码，以获得最小的可复制示例