javascript - Grand/sticky jQuery 插件仅在 771px 以下激活

Question

我正在使用 Grand/sticky jQuery 插件使我的导航栏固定在页面顶部。 https://github.com/garand/sticky .我想知道是否可以让这段代码仅在 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);
  });

我在正确的轨道上吗？禁用功能与它有什么关系https://github.com/garand/sticky/pull/70/files?short_path=04c6e90

Answer 1

有一个包含 .unstick 的 fork 版本，这是我的解决方案:

 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});    
        } 
   });


});