window.resize不是滚动

时间:2016-02-24 10:18:43

标签: javascript jquery html css

我有一个滑动/切换导航的jQuery代码。之后,我使用window.resize重置HTML中的style-attribute,以便在调整浏览器窗口大小时显示导航。代码就在这里:

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

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

是否有可能检查,如果刚刚更改了视图或在页面上滚动,那么window.resize可能会在调整浏览器窗口大小时出现?

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

1 个答案:

答案 0 :(得分:0)

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

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