粘滞div与jquery与停止点

Question

试图在右侧边栏制作一个粘滞的横幅 http://lukich.co.nf/laestrella/ 但无法弄清楚如何定义它的停止点在页脚上方的红色线之前的几个像素。 有人可以帮忙吗。 脚本：

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

    }); 
    } 
}); 

Answer 1

笔者走访中提到的网站，并尝试用浏览器控制台给予修复。请调试下面的代码，肯定会起作用。只是你必须分析一点点。

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'); 
    } 
} 

}）;