jquery - 一定量スクロールした後に div を固定する際に jQuery コードが正しく機能しない

Question

私は自分のためにウェブサイトを作成していますが、特定の量だけスクロールして修正される div が必要です。それだけのことはできますが、予期しない問題が発生しています。

HTML

<div class="nav">
    Something...
</div>

CSS

.nav
{
position:relative;
width:100%;
padding-left:340px;
background:yellow;
border-bottom:2px solid black;
height:45px;
top:150px;
}
.stick
{
position:fixed;
top:0px;
}
html{height:2000px}

とjQuery

$(document).ready(function() {
var s = $(".nav");
var pos = s.position();                    
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();
    if (windowpos >= pos.top) {
        s.addClass("stick");
    } else {
        s.removeClass("stick"); 
    }
});
});

JSフィドル

http://jsfiddle.net/4J4JE/

元の位置に戻り、それ以上スクロールしないようにしてください。