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

Question

我试图仅将JQuery向上或向下滚动元素作为目标。目前，我的目标是特定像素，但是如果要向上或向下滚动，该怎么办？

到目前为止的代码是：

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

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

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

当我向下滚动时，这不起作用。固定的div顶部有一个44px的元素，但是当我向上滚动时，该元素的顶部有另一个div（标题），该像素为88px。所以向下滚动是可以的，但是向上滚动元素仍处于44px位置吗？我使用了static位置，因为当我滚动到顶部时，我希望所有元素都像往常一样堆叠。

有什么想法吗？