Я не буду расписывать подробное руководство. Разъясню в кратце:

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

290 — Высота от верха, при прокрутке, промотав 290 px, рядом с классом: nav.main-nav станет класс stickytop, которому можно писать свои параметры. Одним из обязательных – position: fixed;

Скрипт будет работать, если у Вас подключен jQuery на сайт.

Голосов  (1)
Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)
Об авторе

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

Смотреть посты