Szybka pomoc

Ściągawka Harvey.js

Szybki przewodnik po Harvey.js: nasłuchiwanie stanu zapytań media queries, wywołania zwrotne setup/on/off oraz nowoczesne alternatywy takie jak enquire.js.

· Opublikowano

Harvey.js to lekka biblioteka pomocnicza JavaScript do monitorowania i reagowania na zmiany stanu zapytań CSS media queries.

Użycie

Harvey.add(
  'viewport-small',
  {
    setup: function () {
      // Uruchamia się raz podczas rejestracji
    },
    on: function () {
      // Uruchamia się, gdy warunek media query staje się prawdziwy
      console.log('Entered small viewport');
    },
    off: function () {
      // Uruchamia się, gdy warunek media query staje się fałszywy
      console.log('Exited small viewport');
    }
  }
);

Notatka archiwalna: Harvey.js jest oprogramowaniem przestarzałym. Współczesny web development polega zwykle na natywnym window.matchMedia('(max-width: 600px)') lub enquire.js.

Źródła

Powiązane tematy