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

Question

我想用jquery隐藏/显示基于垂直滚动的超时移动导航栏。

我无法将该功能应用于整个文档，因为我不想为桌面视图/媒体查询（仅限手机和平板电脑）使用此功能。

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

Answer 1

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

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