根据注释, 去理解里面的意思吧. 如果有什么不明白, 可以到云图文档中, 有jquery的文档. 可以详细查看. 

var navH = $(".nav").offset().top;    //获取要定位元素距离浏览器顶部的距离

//滚动条事件 scroll

$(window).scroll(function(){               

    var scroH = $(this).scrollTop();            //获取滚动条的滑动距离

    if(scroH>=navH){   //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定

        $(".nav").css({"position":"fixed","top":0}); 

    }else if(scroH<navH){

        $(".nav").css({"position":"static"}); 

    } 

})

这样能实现，但还是有点欠缺，在固定顶部不动时，其原来位置应该为其预留，只是里面没有内容，我们应该怎样做呢？

//获取top的值

$(选择器).offset().top