jquery - 响应式网页设计 (RWD) 通过媒体查询应用 javascript

Question

我正在尝试使用 jquery 隐藏/显示移动导航栏，并具有基于垂直滚动的超时。

我无法将该功能应用于整个文档，因为我不希望桌面 View /媒体查询(仅限移动设备和平板电脑)出现这种效果。

是否可以将 jquery 函数定向到特定的媒体查询？可能 if 声明窗口宽度？

Answer 1

如果我明白你需要什么，你可以这样做:你有带有媒体查询的 CSS 文件。该文件会自动格式化您的 html。但你想要更多。因此，您可以编写一个基于窗口宽度的jquery函数。

$(function(){
 $(window).resize(function(){
     if($(this).width() >= "desired_width"){
                 //your function
         });
     }
  })
});