Как сделать прижатое меню при скроллинге вниз и вверх?

Question

[Legioner911]

Здравствуйте!
Подскажите, как сделать меню прижатое к верхнему краю браузера при скроллинге вниз. Например как тут progetty.it

Answer 1

[Александр Миранович]

$(window).scroll(function () {
menuFixed();
});
function menuFixed (){
if ($(window).scrollTop()>100) {
$('.menu').addClass('menu-fixed');
} else {
$('.menu').removeClass('menu-fixed');
};
};

.menu-fixed { position: fixed; top: 0; }

Comments

[Legioner911]

Подскажите, а по какой причине меню всё время при скролле имеет верхний отступ demo122.hol.es

[Александр Миранович]

что именно имеете ввиду?

[Legioner911]

Александр Миранович: Извиняюсь за беспокойство. Уже решил проблему. Я добавлял position: fixed; Но забыл ещё top: 0;

[Александр Миранович]

у вас оно сейчас сделано статичным, надо что бы при скроле ему добавлялся доп класс, и доп классу уже прописываете стили
{
position: fixed;
top: 0;
left: 50%;
margin-left: -495.5px; /*это что бы оно по центру стояло т.к. оно у тебя сделано фиксированным*/
}

[Legioner911]

Александр Миранович: Огромное спасибо за ответ )

[Александр Миранович]

Если будет не понятно, пишите сделаю

Answer 2

[Vadim]

Все такие решения строяться на одном единственном принципе: проставление стиля position: fixed на элементе, который нужно зафризить. Работает вплоть до IE8 (если использовать DOCTYPE). Есть полно плагингов, 10+ jQuery Sticky Scroll Plugins