Grand /粘性jQuery插件只能在771px以下激活

我使用Grand /粘性jQuery插件來使我的導航欄堅持頁面頂部。 https://github.com/garand/sticky。我想知道是否可以讓這段代碼只在771px以下工作？Grand /粘性jQuery插件只能在771px以下激活

這是我用什麼來使導航棒IM：

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

來源

2014-06-24 user3749553

你能提供的jsfiddle？我不確定你想要完成什麼。你爲什麼只希望它能在771px以下工作？插件不會自動執行該操作嗎？ – invot

以下？你爲什麼要檢查'width'而不是'scrollHeight'？ –

我有一個不同的設計比771px寬，不需要粘性導航，但我似乎無法弄清楚如何禁用它的瀏覽器寬度。我試着把小提琴放在一起。 – user3749553

有分支版本，其中包括一個.unstick，這是我soulution：

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


});

來源

2014-06-24 19:01:22 user3749553

Grand /粘性jQuery插件只能在771px以下激活

回答

相關問題