固定菜單和窗口大小

Question

我們正在構建一個固定子菜單的功能，我必須根據窗口大小更改最大值。

這裏是演示，但它不按預期工作。

Demo

jQuery(window).resize(function() { 
    if (jQuery(this).width() > 767) { 
     jQuery("document").ready(function repositive() { 
      jQuery('li.toolbar-destiny').hide(); 
      var nav = jQuery('.sub-menu'); 

      $(window).scroll(function() { 
       if (jQuery(this).scrollTop() > 142) { 
        nav.addClass("f-nav"); 
        jQuery('li.toolbar-destiny').show(); 
       } else { 
        nav.removeClass("f-nav"); 
        jQuery('li.toolbar-destiny').hide(); 
       } 
      }); 
     }); 
    } else { 
     jQuery('li.toolbar-destiny').hide(); 
     var nav = jQuery('.sub-menu'); 

     jQuery(window).scroll(function() { 
      if (jQuery(this).scrollTop() > 91) { 
       nav.addClass("f-nav"); 
       jQuery('li.toolbar-destiny').show(); 
      } else { 
       nav.removeClass("f-nav"); 
       jQuery('li.toolbar-destiny').hide(); 
      } 
     }); 

    } 
}); 

jQuery(window).resize(function() { 
    repositive(); 
}); 

可我知道沒有工作，如何解決它的原因是什麼？

Answer 1

好了，我們解決這個問題，這裏是演示：

Demo

jQuery(document).ready(function() { 
    if (jQuery(this).width() > 767) { 
     jQuery("document").ready(function repositive() { 
      jQuery('li.toolbar-destiny').hide(); 
      var nav = jQuery('.sub-menu'); 

      $(window).scroll(function() { 
       if (jQuery(this).scrollTop() > 142) { 
        nav.addClass("f-nav"); 
        jQuery('li.toolbar-destiny').show(); 
       } else { 
        nav.removeClass("f-nav"); 
        jQuery('li.toolbar-destiny').hide(); 
       } 
      }); 
     }); 
    } else { 
     jQuery('li.toolbar-destiny').hide(); 
     var nav = jQuery('.sub-menu'); 

     jQuery(window).scroll(function() { 
      if (jQuery(this).scrollTop() > 91) { 
       nav.addClass("f-nav"); 
       jQuery('li.toolbar-destiny').show(); 
      } else { 
       nav.removeClass("f-nav"); 
       jQuery('li.toolbar-destiny').hide(); 
      } 
     }); 

    } 
}); 

希望這有助於其他。