Javascript 浮动边栏进入页脚

我有一个简单的单页网站内置的引导，其中有一个浮动边栏。除了特定的屏幕尺寸外，一切正常。侧边栏位于页面底部，页脚位于页面底部。当它到达页面底部的某个部分时，如何让它停止？有补偿吗

这是我的JS文件：

$(document).ready(function() {

  /* activate sidebar */
  $('#sidebar').affix({
    offset: {
      top: 400
    }
  });

  /* activate scrollspy menu */
  var $body = $(document.body);
  var navHeight = $('.navbar').outerHeight(true) + 10;

  $body.scrollspy({
    target: '#leftCol',
    offset: navHeight
  });

  /* smooth scrolling sections */
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top - 50
        }, 1000);
        return false;
      }
    }
  });

});

网站。

使用词缀。它应该设置为页脚的高度，并在边栏和页脚之间添加一些额外的填充

var headerHeight=$（'header'）。outerHeight（true）；//真值，将边距添加到总高度
var footerHeight=$（'footer'）。outerHeight（）+60；
$（“#帐户概览容器”）。粘贴({
偏移量：{
头像：头像，
底部：页脚高度
}
}).on（'affix.bs.affix'，function（）{//在affix之前
$（this.css）({
/*“顶部”：头部高度，*///用于固定高度
'width'：$（this）.outerWidth（）//可变宽度
});
});
正文{
位置：相对位置；
}
标题，
页脚{
背景：#ccc；
填充：40px0；
文本对齐：居中；
}
标题{
边缘底部：10px；
}
#account-overview-container.affix{
位置：固定；
顶部：10px
}
.粘贴顶部{
位置：静态；
}
.贴底{
位置：绝对位置；
底部：自动！重要；
}
页脚{
填充：10px0；
}
页脚h1{
边际上限：0；
}

这是标题
客户信息

名称：
经销商2的决议1

位置：
不适用

当地时间：
上午12:00

联系人：
最后一个

电话：
8675309

手机：
不适用

电子邮件：


商业信息

网站：
不适用

行业：
不适用

员工：
0

所有权：
不适用

父项：
不适用

来源：
不适用


最近的笔记
哈，注意！
我非常喜欢笔记

创建于2013年3月4日下午5:33

2013年5月6日下午12:16跟进

user@domain.com

类型：账单
这是另一个音符
阿迪皮斯·埃西·比尔德，劳动奇才，未来的mlkshk艺术家。纹身工坊半米打字机。除了carles twee flexitarian anim，你可能还没有听说过他们vero disrupt奇怪的未来羽衣甘蓝芯片3狼月亮jean
这是固定的。Magna Animan consequat，布边信使包pariatur Occaeca，您可能还没有听说过tonx echo park时尚斧头。滑板埃尼姆·沃卢普特在他们卖掉工匠之前就已经破产了。Etsy单一来源咖啡腌制，
ut美金工艺啤酒meh PBR莫利特特里理查森信托基金临时。美国服装流行品牌wes anderson odio，ea蓝色瓶麦金丝laboris dolor

创建于2013年3月5日下午2:14


2013年9月6日下午2:47跟进

user@domain.com

类型：护理
班卓伊尼姆滑板
Tonx直接贸易屠夫dolor，活版低保真kogi Adipising locavore广告VHS ut法兰绒成衣和Helvetica cray陈词滥调符号工艺啤酒Tonx。在布什维克可持续实践中心，ea班卓奥斯汀艺术派对生料牛仔布。
Aute cillum helvetica鲜味小胡子，不含腌制奎奴亚藜的饲料波特兰特里·理查森圣杜伊斯。信使袋倒在ut，临时+1富吉亚讽刺腌制奥斯汀在locavore的位置，字面上是道德丘比特。Est banksy meh，官方
卡尔斯·科吉（carles kogi）的过失是病毒性的hella nihil chambray lo-fi

创建于2013年3月5日下午2:16


2014年7月6日下午1:35跟进

user@domain.com

类型：账单
这是另一个音符
阿迪皮斯·埃西·比尔德，劳动奇才，未来的mlkshk艺术家。纹身工坊半米打字机。除了carles twee flexitarian anim，你可能还没有听说过他们vero disrupt奇怪的未来羽衣甘蓝芯片3狼月亮jean
这是固定的。Magna Animan consequat，布边信使包pariatur Occaeca，你可能还没听说过吧