Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Grand/sticky jQuery插件仅在771px以下激活_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 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(

我正在使用Grand/sticky jQuery插件使导航栏粘贴到页面顶部。我想知道我是否可以使这段代码只在771px以下工作

这是我用来制作导航杆的工具:

 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宽的不同设计,不需要粘性导航,但我似乎不知道如何在浏览器宽度上禁用它。我会试着编一把小提琴。