javascript - スティッキーボックス jQuery

Question

私はこのコードを持っています: http://jsfiddle.net/k56yR/1/

しかし、ブラウザーのスクロールバーが下がって #sticky 震えが発生し始めると、これを修正する方法を知っている人はいますか?

これは jQuery コードです:

$(function(){ // document ready
   if (!!$('#sticky').length) { // make sure "#sticky" element exists
      var el = $('#sticky');
      var stickyTop = $('#sticky').offset().top; // returns number
      var footerTop = $('#footer').offset().top; // returns number
      var stickyHeight = $('#sticky').height();
      var limit = footerTop - stickyHeight - 20;
      $(window).scroll(function(){ // scroll event
          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});
          }     
        });
   }
});​