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

}）;