Показать сообщение отдельно
  #1 (permalink)  
Старый 12.07.2017, 18:50
Новичок на форуме
Отправить личное сообщение для PavelRem Посмотреть профиль Найти все сообщения от PavelRem
 
Регистрация: 12.07.2017
Сообщений: 6

Прилипающее меню
Меню располагается на высоте 200px от начала страницы. Нужно сделать так, чтоб меню прилипало к вершине страницы, когда страница проскролится ниже отметки в 200px. И само собой, откреплялось если скролить в обратную сторону.
Набросал функцию:
$(function(){
    $(window).scroll(function() {
        if($(this).scrollTop() >= 200) {
            $('.navbar').addClass('navbar-fixed-top');
            $('body').css("padding-top", "70px");
        }
        else{
            $('.navbar').removeClass('navbar-fixed-top');
            $('body').css("padding-top", "0px");
        }
    });
});

Все работает, но есть проблема - функция выполняется ПОСТОЯННО при событии скрола.
Как это сделать правильно? Подскажите пожалуйста.
Ответить с цитированием