フッタのフローティングスティッキーサイドバーdivを停止する（ほぼ動作します）

Question

サイドバーの最後のdivは、ページがスクロールしたときにスティッキーになりますが、フッターで停止します。私はそれがほとんどonline tutorialと一緒に働いているが、disqusのコメントが読み込まれたときに計算が狂ってしまい、ある点にしか行きません。

ここには作業版http://jsfiddle.net/k56yR/1/がありますが、フッターの高さを計算してページの下部からスクロールしないようにする簡単な方法はありますか？

Answer 1

disqusコメントの読み込み後に$('#footer').offset().top値が変更されることが問題だと思います。コメントが読み込まれるたびに、またはイベントが発生するたびに、footerTop（およびfooterTopの値に基づいてlimit）を更新する必要があります。

のようなもの：julianmは彼のコメント、利用可能hereで指摘したようにほとんどの場合と同様に

$(function(){ // document ready 
    if ($('#sticky').length) { // make sure "#sticky" element exists 
     var el = $('#sticky'); 
     var stickyTop = $('#sticky').offset().top; // returns number 
     var stickyHeight = $('#sticky').height(); 

     $(window).scroll(function(){ // scroll event 
      var limit = $('#footer').offset().top - stickyHeight - 20; 

      var windowTop = $(window).scrollTop(); // returns number 

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

      if (limit < windowTop) { 
      var diff = limit - windowTop; 
      el.css({top: diff}); 
      } 
     }); 
    } 
}); 

は、このためのjQueryプラグインは、そこにあります。また、スティッキーボックスを任意の位置で停止させるストッパー値もサポートしています。