jQuery粘性导航滚动顶

我使用一个简单的脚本，当你向下滚动通过标题时“粘滞”我的边栏，当你向上滚动通过标题时“取消粘滞”边栏。它只是简单地添加或删除“fixed”类，效果非常好

$(document).ready(function() {  
  var stickyNavTop = $('#content').offset().top; 

  var stickyNav = function(){  
  var scrollTop = $(window).scrollTop();  

  if (scrollTop > stickyNavTop) {   
    $('#left').addClass('fixed');  
  } else {  
    $('#left').removeClass('fixed');   
  } 

  stickyNav();  

  $(window).scroll(function() {  
    stickyNav();  
  });  
});  

但是，侧边栏现在在页脚上运行。另外，当边栏的长度比分辨率高时，您永远看不到完整的内容

所以我想：

var sidebarHeight = $('#left').height(); 
var footerPos = $('footer').offset().top;  
var stopSticky = footerPos - sidebarHeight;

if (scrollTop > stopSticky){
  $('#left').css('position','absolute').css('top', stopSticky);
}

但这正是我陷入困境的地方，我不知道如何将其应用到脚本中。有什么建议吗

任何关于剧本的一般性评论都是非常受欢迎的，我每天都在学习：-）