Javascript 带停止点的jquery的Sticky div

正在尝试在上的右侧栏中制作一个粘性横幅 但无法在页脚上方红线前几个像素处定义其停止点。 有人能帮忙吗。 剧本：

$(function(){ // document ready
  if (!!$('#sticky').length) { // make sure "#sticky" element exists
  var el = $('#sticky');

  var stickyTop = $('#sticky').offset().top -100;

  $(window).scroll(function(){ // scroll event
      var windowTop = $(window).scrollTop(); 

      if (stickyTop < windowTop){
         el.css({ position: 'fixed', top: 50 });
      }
      else {
         el.css('position','static');
      }         

    });
  }
});

$（函数（）{//文档准备就绪
如果（！！$（'#sticky'）.length）{//确保“#sticky”元素存在
var el=$（'粘性'）；
var stickyTop=$（'#sticky'）.offset（）.top-100；
$（窗口）.scroll（函数（）{//滚动事件
var windowTop=$（window.scrollTop（）；
如果（粘贴顶部<窗口顶部）{
css（{位置：'固定'，顶部：50}）；
}
否则{
el.css（‘位置’，‘静态’）；
}         
});
}
});

我访问了该网站，并尝试使用浏览器控制台进行修复。请调试下面的代码，它肯定会工作。你只需要分析一下

var el = $('#sticky');
var stickyTop = $('footer').offset().top;
$(window).scroll(function(){ 
var windowTop = $(window).scrollTop(); 
var z= $(window).height();
if ($(this).scrollTop() > 50) { 
   if(windowTop + z > stickyTop){
      $('#sticky').css('display','block');
   }
   else
   {
       $('#sticky').css('display','none');
    }
} 

}))