调整大小功能不能正常工作。

Question

如果浏览器小于768 is，我需要隐藏主导航菜单。函数触发器的大小调整。但是导航菜单却隐藏在784 at。下面是代码：

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");
    }

});

Answer 1

是因为你有滚动条。$(window).widht()返回没有滚动条的widht。如果您想拥有带滚动宽度的宽度，可以使用window.innerWidth