Параметры Headroom.js с Enquire.js

Мне нужно иметь различное смещение в Headroom.js в зависимости от размера экрана.

Enquire.js должен сработать, но я не могу заставить его работать должным образом. Он загружает только одну настройку смещения на каждую загрузку страницы, хотя она и является правильной при загрузке, но он не переключается на другую настройку, когда я изменяю размер экрана.

enquire.register("screen and (max-width: 48rem)", {

  // REQUIRED
  // Triggered when the media query transitions
  // from *unmatched* to *matched*
  match : function() { 
      Headroom.options = {
         offset : 0, };
  },

  // OPTIONAL   
  // Triggered when the media query transitions 
  // from a *matched* to *unmatched*                        
  unmatch : function() {

Headroom.options = {
         offset : 137, };

  },    

  // OPTIONAL
  // Triggered once immediately upon registration of handler
  setup : function() {

  },      

  // OPTIONAL
  // Defaults to false
  // If true, defers execution of the setup function
  // until the first media query is matched (still just once)
  deferSetup : true           
});

0 ответов

Другие вопросы по тегам