<script>
 $(function(){    $(window).scroll(function() {        if($(this).scrollTop() >= 290) {            $('nav.main-nav').addClass('stickytop');        }        else{            $('nav.main-nav').removeClass('stickytop');        }    });});  
</script>

290 — позиция с которой начинает работать функция

nav.main-nav — класс к которому добавляется сл.класс

stickytop — добавляется класс

Стили
.stickytop {
position:fixed;
top: 45px;
z-index: 10;}
Рубрики: JavaScript