可能基于媒体查询来解雇jQuery

Question

是否可以在特定的屏幕尺寸上触发jQuery？

在这种情况下，我需要在大于993px的屏幕时运行我的脚本

这是代码

$(document).ready(function(){ 
  // scroll    
   var scroll_start = 0;
   var startchange = $('.top');
   var offset = startchange.offset();
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top) {
          $('.foo').css('transform', 'translate(0, -220px) scale(0.5)');
       } else {
          $('.foo').css('transform', 'translate(0, 0) scale(1)');
       }
   });
});

Answer 1

您可以使用jQuery $(window).width()轻松获取当前屏幕宽度。

$(document).ready(function(){ 
  if ($(window).width() > 993) {
  // scroll    
   var scroll_start = 0;
   var startchange = $('.top');
   var offset = startchange.offset();
   $(document).scroll(function() { 
      scroll_start = $(this).scrollTop();
      if(scroll_start > offset.top {
          $('.foo').css('transform', 'translate(0, -220px) scale(0.5)');
       } else {
          $('.foo').css('transform', 'translate(0, 0) scale(1)');
       }
   });
  }
});