Этот кусочек кода отслеживает скроллинг окна вниз и назначает нужный класс при скроллинге ниже видимости объекта. Очень модный в последнее время эффект - даже на главной дайров есть =)))

var theLoc = $('#nav').position().top;
$(window).scroll(function() {
if(theLoc >= $(window).scrollTop()) {
if($('#nav').hasClass('fixed')) {
$('#nav').removeClass('fixed');
}
} else {
if(!$('#nav').hasClass('fixed')) {
$('#nav').addClass('fixed');
}
});