Javascript Grand/sticky jQuery插件仅在771px以下激活
我正在使用Grand/sticky jQuery插件使导航栏粘贴到页面顶部。我想知道我是否可以使这段代码只在771px以下工作 这是我用来制作导航杆的工具:Javascript Grand/sticky jQuery插件仅在771px以下激活,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我正在使用Grand/sticky jQuery插件使导航栏粘贴到页面顶部。我想知道我是否可以使这段代码只在771px以下工作 这是我用来制作导航杆的工具: jQuery(document).ready(function(jQuery){ jQuery("nav").sticky({ topSpacing: -77}); }); 这就是我所想的,我可以把上面的代码放进去,使它只在771px以下工作,但当我把它放进去时,它就不工作了 jQuery(document).ready(
jQuery(document).ready(function(jQuery){
jQuery("nav").sticky({ topSpacing: -77});
});
这就是我所想的,我可以把上面的代码放进去,使它只在771px以下工作,但当我把它放进去时,它就不工作了
jQuery(document).ready(function() {
function checkWidth() {
var windowSize = jQuery(window).width();
if (windowSize >= 771) {
console.log(">");
}
else if (windowSize < 771) {
console.log("<");
}
}
// ON LOAD
checkWidth();
// RESIZE
jQuery(window).resize(checkWidth);
});
我走对了吗?禁用功能与此有关吗?有一个分叉版本包含一个。取消单击,这是我的解决方案:
jQuery(document).ready(function(jQuery){
jQuery("nav").sticky({ topSpacing: -77});
jQuery(window).resize(function(){
if (jQuery(window).width() >= 771){
jQuery("nav").unstick();
}
if (jQuery(window).width() < 771){
jQuery("nav").sticky({ topSpacing: -77});
}
});
});
你能提供一个JSFIDLE吗?我不确定你想完成什么。为什么您只希望它在771px以下工作?插件不是自动做到这一点吗?为什么要检查宽度,而不是滚动高度?我有一个比771px宽的不同设计,不需要粘性导航,但我似乎不知道如何在浏览器宽度上禁用它。我会试着编一把小提琴。