调整大小功能无法正常运行

时间:2017-11-16 06:06:19

标签: javascript jquery web

如果浏览器小于768px,我需要隐藏我的主导航菜单。 函数触发器调整大小。但导航菜单隐藏在784px。     这是代码:

jQuery(window).resize(function(){
    var windowSize = jQuery( window ).width();
    if(jQuery("#main-navigation").css('display') == 'none' && windowSize > 768) {
        jQuery("nav#main-navigation").css("display", "block");
    }
    if(windowSize < 768) {
        jQuery("nav#main-navigation").css("display", "none");
    }

});

1 个答案:

答案 0 :(得分:2)

这是因为你有滚动条。 $(window).widht()在没有滚动条的情况下返回给你。如果要使用滚动宽度的宽度,可以使用window.innerWidth