Jquery 滚动侧边栏将内容向下推-永远无法到达页脚

我有一个侧栏，它跟随用户视图

 $(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
                });
            };
        });
    });

而且它不断地将内容向下推，使得无法查看页脚

这是小提琴的链接

要让边栏停止吗

---

编辑：因为它位于一列中，所以它会增加更多的空间（页边空白顶部）来扩展该列。是否有任何限制它在其列的末尾？

图像在小提琴中被破坏，使我很难知道我是否正确地看到布局。我在小提琴中注意到的另一件事是，没有ID为侧边栏的对象。可能的重复不太多。我使用的代码来自，它通过边距移动文本顶部图像在小提琴中被破坏，使我很难知道我是否正确地看到布局。我在小提琴中注意到的另一件事，没有ID为边栏的对象。可能的重复不太多。我使用的代码来自，它通过边距顶部移动文本