javascript - window.resize 不在滚动

Question

我有一个 jQuery 代码可以滑动/切换导航。之后，我使用 window.resize 重置 HTML 中的样式属性，以便在调整浏览器窗口大小时导航将出现。代码在这里:

$(window).resize(function(){
    $("nav").removeAttr('style');
    $(".level_2").removeAttr('style');
    $(".menu-expander").removeClass('close');
});

现在我遇到了问题，当我在智能手机上向下滚动或从纵向 View 更改为横向时，导航显示关闭，例如当我有很长的导航时。

是否有可能检查是否只是更改了 View 或在页面上滚动，以便在调整浏览器窗口大小时 window.resize 可以出现？

PS:这是Codepen上的代码:http://codepen.io/Sukrams/pen/NxQoYr

Answer 1

我找到了一个解决方案:我为宽度设置一个变量并将其放入 if 中:

$(window).resize(function(){
  var width = $(window).width();
  if(width > 700) {
    $("nav").removeAttr('style');
    $(".level_2").removeAttr('style');
    $(".menu-expander").removeClass('close');
  }
});