как изменить липкое меню, когда ширина меньше 644

Question

как изменить липкое меню, когда ширина меньше 644

0

Привет, у меня есть это липкое меню, и я хочу изменить его в меню по умолчанию, когда размер окна меньше 644. Как я могу все время проверять, изменилось ли окно браузера?

var menu = $('#header');

    pos = menu.offset();
    $(window).scroll(function(){
        if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
            menu.fadeOut(100, function(){
                $(this).removeClass('default').addClass('fixed').fadeIn(100);
                $('#site-description').css({'display': 'none'});
                $('#logo').css({'margin-top': '5px'});
            });
        } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
            menu.removeClass('fixed').addClass('default');
            $('#site-description').css({'display': 'block'});
            $('#logo').removeAttr('style');                 
        }
   });

marcin.g 14 фев. 2014, в 22:35

Источник

Теги:

javascript

jquery

html

css

menu

1 ответ

Ещё вопросы

berentrom · Answer 1 · 2014-02-14T18-38-00.000Z

Вы можете использовать:

$(window).resize(function(){

});

Я использую его таким образом: jsfiddle.net/2Wgmk, поэтому, когда у меня ширина меньше 644, он не появляется, но когда я изменяю размер, липкое меню должно работать, но это не так.