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

Question

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

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

是否可以在特定的媒体查询中直接使用 jquery 函数？可能 if 声明窗口宽度？

Answer 1

如果我了解您的需求，您可以执行以下操作：您的 CSS 文件包含媒体查询。该文件会自动格式化您的 html。但你想要更多的东西。所以，你可以写一个基于窗口宽度的jquery函数。

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