响应式网页设计（RWD）通过媒体查询应用javascript

Question

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

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

是否可以在特定媒体查询中引导jquery函数？可能如果声明窗口宽度？

Answer 1

如果我理解你需要什么，你可以这样做：你的CSS文件包含媒体查询。此文件自动格式化您的HTML。但是你想要更多东西。因此，您可以根据窗口宽度编写一个jquery函数。

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