2016-11-26 99 views
-2

我正在研究一个小脚本,它在向下滚动时隐藏导航并在向上滚动时显示导航。jquery忽略我的if语句

但由于某种原因,我的脚本忽略了这种说法。

// the check function 

function checkWidth(code) { 
      $(window).on('resize' , function() { 
       if($(window).width() > 1000) { 
        code 

       } 
      }) 
     } 

// function I want to use when width is bigger then 1000px 

checkWidth(
     $(window).bind('mousewheel', function(i) { 
      if(i.originalEvent.wheelDelta/120 > 0) { 
       $('.footer').slideDown(); 
      } else { 
       $('.footer').slideUp(); 
      } 
     }) 
); 
+0

如果你谈论的是第一,如果resize事件中:你只能得到一次宽度,你永远不更新'winWid'新宽度 –

+0

你的脚本没有“忽略”的任何声明,而且也不该语言(即JavaScript)。你犯了一个错误。你有没有考虑调试你的脚本来找出你犯的错误? –

+0

你的代码的哪一部分告诉计算机在调整大小时更新'winWid'变量? –

回答

0

使用此代码,如果用户在窗口宽度超过1000像素时向上或向下滚动,则可以运行该函数。我希望我理解你的权利。

var winWidth = $(window).width(); 
$(window).on('resize' , function() { 
    winWidth = $(window).width(); 
}); 

$(window).on('mousewheel', function(i) { 
    if (winWidth > 1000) { 
     if (i.originalEvent.wheelDelta/120 > 0) { 
      console.log('scrolling up'); 
     } else { 
      console.log('scrolling down'); 
     } 
    } 
}); 
+0

非常感谢!我可以看到我做错了什么。 – KobusH