javascript - 大/粘性jQuery插件仅在771px以下激活

我正在使用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

最佳答案

有一个包含.unstick的分叉版本，这是我的解决方案：

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


});