滚动侧边栏会压缩内容 - 永远不会触及页脚

Question

我有一个关注用户视图的侧栏

 $(function() {
        var offset = $("#sidebar").offset();
        var topPadding = 125;
        $(window).scroll(function() {
            if ($(window).scrollTop() > offset.top) {
                $("#sidebar").stop().animate({
                    marginTop: $(window).scrollTop() - offset.top + topPadding
                });
            } else {
                $("#sidebar").stop().animate({
                    marginTop: 0
                });
            };
        });
    });

并且它不断向内推送内容，从而无法查看页脚

这里是小提琴的链接 https://jsfiddle.net/5mbknwfk/2/

无论如何要让侧边栏停止？

编辑：由于它在列中，因此会增加扩展列的空间（margin-top）。无论如何在列的末尾限制它？