divを画面上部に貼り付け、フッターを打つ前に止める

Question

ユーザーがページをスクロールダウンすると、ヘッダーにdivスティックを作成しようとしています。 この例が見つかりました How can I make a div stick to the top of the screen once it's been scrolled to?

私は24票を持つコードを使用しました。 Live demo。

問題： 1.私はフッターを打つ前にdivの停止をしたいです。私はフッターの上にそれを表示したくない。 2. jQuery 1.3.2ではなぜこれが動作するのですが、1.5.2以降では動作しません。

ofcourse他のjqueryコード/プラグインまたはideeaは素晴らしいでしょう！

Answer 1

$(window).load($(function() 
{ 
    var elem = $("#scroller"); 
    var top = elem.offset().top; 
    var maxTop = $("#footer").offset().top - elem.height(); 
    var scrollHandler = function() 
    { 
     var scrollTop = $(window).scrollTop(); 
     if (scrollTop<top) { 
     elem.css({position:"relative",top:""})//should be "static" I think 
     } else if (scrollTop>maxTop) { 
     elem.css({position:"absolute",top:(maxTop+"px")}) 
     } else { 
     elem.css({position:"fixed",top:"0px"}) 
     } 
    } 
    $(window).scroll(scrollHandler);scrollHandler() 

})); 

フィドル：http://fiddle.jshell.net/3ATzd/2/show/ だけでは#scroller上マージントップを好きではないと思います。私はscroller-anchor要素の必要もなくなったので、これを削除することができます。