Javascript 停止固定位置元素重叠页脚

我有一个两列布局（内容+侧边栏），侧边栏很长（超过折叠），所以当你向下滚动页面时，内容div如下。内容是固定位置的，内容越多越高。问题是，当您向下滚动到页脚时，content div与页脚内容重叠。如何使内容分区不重叠？我正在使用一些js来实现滚动效果。任何帮助都会很好，谢谢

JS:

---

你能发布一个提琴吗？“侧边栏很长，当你滚动侧边栏内容div之后”？他们应该被称为智者，反之亦然。

$(window).scroll(function() {
    if($(window).scrollTop() >= 230) {
        $('.content').css({position: 'fixed', top: '20px'});
    } else {
        $('.content').css({position: 'relative', top: 0});
    }
});