过滤器滚动在到达顶部div之前开始

Question

如何让这个功能在到达顶部之前启动20px？ 就像现在一样，我有一个20px高的固定头，并且该功能在它到达主页顶部之前就开始了。

$(function() {
    var top = $('#filter').offset().top,
        footTop = $('#outside_footer_wrapper').offset().top,
        maxY = footTop - $('#filter').outerHeight();
    console.log(top , footTop, maxY);
    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        console.log(y);
        if (y > top) {
            console.log('mayor');
            $('#filter').addClass('fixed').removeAttr('style');
            if (y > maxY-130){
                var min = y - maxY + 130;
                console.log('mayor y menor', min);
                $('#filter').css('top','-'+min+'px');
            }
        } else {
            $('#filter').removeClass('fixed');
        }
    });
});

jsfiddle