宽度小于644时如何更改粘滞菜单

时间:2014-02-14 21:25:15

标签: javascript jquery html css menu

您好我有这个粘性菜单,我希望在窗口大小小于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');                 
        }
   });

1 个答案:

答案 0 :(得分:0)

您可以使用:

$(window).resize(function(){

});