スティッキーdivとjquery with stop point

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

}）;