브라우저에서 스크롤 이벤트 사용 안 함

Question

사용자가 페이지의 특정 지점을지나 스크롤 할 때 고정 클래스를 div (.filter-target)에 적용하는 기본 스크립트가 있습니다. 사용자가 브라우저의 크기를 조정하고 브라우저의 너비가 <100px (즉, minWidth 변수) 인 경우 스크롤 이벤트를 사용 중지 할 수있는 방법을 알고 싶습니다.

var app = {}; 

app.filter = (function() { 
    var module = {}; 

    var $filter = $('.filter-target'); 
// Creates a spacer, this is to push the content of the page down the same size of the floating menu 
    var $filterSpacer = $('<div />', { 
     "class": "filter-drop-spacer", 
     "height": $filter.outerHeight() 
    }); 

    var minWidth = Modernizr.mq('only screen and (min-width: 1100px)'); 
    var windowWidth = $(window).width(); 

    module.init = function() { 

     var fixedFilter = function() { 
      $filter 
       .before($filterSpacer) 
      .addClass("is-fixed") 
      .css('width', $('.page-content').width()); 
     }; 

     var relativeFilter = function() { 
      $filter 
       .removeClass("is-fixed") 
       .css('width', ''); 

      $filterSpacer.remove(); 
     }; 

     var filterController = function() { 
      if (minWidth == true) { 
       if (!$filter.hasClass('is-fixed') && $(window).scrollTop() > $filter.offset().top) { 
        // Checks the filter doesn't have the class fix and that vertical number of pixels hidden is greater than the navigations position on the page. This will get executed the first time the page scrolls past the point. I.E When you scroll hits the menu. 
        fixedFilter(); 
       } else if ($filter.hasClass('is-fixed') && $(window).scrollTop() < $filterSpacer.offset().top) { 
        // If the navigation element has the fix class and that vertical number of pixels hidden is less than the top of the newly added spacer. I.E When you scroll UP past the spacer. 
        relativeFilter(); 
       } 
      } else { 
       relativeFilter(); 
      } 
     }; 

     $(window).scroll(function() { 
      filterController(); 
     }); 

    }; 

    return module; 
})(); 

$(document).ready(function() { 
    app.filter.init(); 
    console.log('filter'); 
}); 

Answer 1

당신은

$(window).resize(function() { 
    if($(window).width() < 1100){ 
     minWidth = false; 
    }  
});