jQuery-菜單隨滾條改為以定位方式

在淘寶購物的時候，發現裡面有一個菜單，是查看“評論，物品信息”等的一個菜單。由於頁面太長，所以它做瞭一個菜單定位。
自己試著寫瞭下：
 
$(function(){   
    //獲取要定位元素距離瀏覽器頂部的距離
    var navH = $(".nav").offset().top;
    //滾動條事件
    $(window).scroll(function(){
        //獲取滾動條的滑動距離
        var scroH = $(this).scrollTop();
        //滾動條的滑動距離大於等於定位元素距離瀏覽器頂部的距離，就固定，反之就不固定
        if(scroH>=navH){
            $(".nav").css({"position":"fixed","top":0,"left":"50%","margin-left":"-200px"});
        }else if(scroH<navH){
            $(".nav").css({"position":"static","margin":"0 auto"});
        }
    })
})
 
 
主要思路
　　1.當這個元素進入可視區域後，然後要離開可視區域的時候，就改變定位方式。
　　2.當元素回離瀏覽器頂部最初高度時，再還原其定位方式l
 
DEMO下載：http://up.aiwalls.com/2012/0526/20120526085445877.zip
 

摘自 船長op