window.resize不在滚动

Question

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

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

现在，我有一个问题，当我在智能手机上向下滚动或从纵向视图更改为横向视图时（例如，当我导航很长时），导航显示关闭。

是否有可能检查，是否只是更改了视图或在页面上滚动了，以便在调整浏览器窗口大小时仅显示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');
  }
});