Параметры 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
});