Gibt's ne Möglichkeit bestimmten JS-Code nur auszuführen, wenn die Seite max. z.B. 960px breit ist? (jQuery-Sticky header)
Gibt's ne Möglichkeit bestimmten JS-Code nur auszuführen, wenn die Seite max. z.B. 960px breit ist? (jQuery-Sticky header)
kurzer edit: würde das ggf. aber noch mit nen resize verknüpfen...Code:if ($(window).width() < 960) { alert('kleiner als 960'); } else { alert('groesser als 960'); }
Code:$(window).resize(function() { if ($(window).width() < 960) { alert('kleiner als 960'); } else { alert('groesser als 960'); } });
Geändert von marq (14.05.2016 um 22:35 Uhr)
Ich erinnere mich, das hier im Forum dazu mal so eine Frage war, finde diese aber auf die Schnelle nicht.
Ein Ansatz vielleicht damit?
http://xoxco.com/projects/code/breakpoints/
---------------------------------
Beste Grüße planepix
Contao für Webdesigner (Website), Twitter: @contaowebdesign
weitzeldesign
Contao-Sprechstunde
Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
Contao Jahrbuch: www.contao-jahrbuch.de
Contao Agenturtag: www.contao-agenturtag.de
Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki
Schon wieder ein Update?
Glücklich sind die, die den Wert erkennen – und wertschätzen.
„Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”
Ich habe das mal so gelöst:
Code:if (window.matchMedia('(max-width: 767px)').matches) { ... } else { ... };
Wozu mit matchMedia?
Wenn er ein responsive Problem hat, das er mit CSS nicht lösen kann, ist matchMedia das Pendant um Media Queries in JavaScript einzusetzen.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen