響應式網頁設計（RWD）通過媒體查詢應用JavaScript

Question

我想用jquery隱藏/顯示基於垂直滾動的超時移動導航欄。

我無法將該功能應用於整個文檔，因爲我不想爲桌面視圖/媒體查詢（僅限手機和平板電腦）使用此功能。

是否有可能在特定的媒體查詢中直接使用jquery函數？可能是如果聲明窗口寬度？

Answer 1

如果我明白你需要什麼，你可以這樣做：你有你的CSS文件與媒體查詢。這個文件自動格式化你的html。但你想要更多。所以，你可以寫一個基於窗口寬度的jquery函數。

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