Fensterbreite feststellen

publ 14.03.2026

$(window).width() ist die "Netto-Breite". Sie zieht die Breite des Scrollbalkens (meist ca. 15–20px) ab, weil jQuery davon ausgeht, dass du wissen willst, wie viel Platz für deine Inhalte bleibt. window.innerWidth ist der "Brutto-Wert" des Viewports.

let ww = window.innerWidth;

let resizeTimeout;



window.addEventListener('resize', () => {

    clearTimeout(resizeTimeout);

    

    resizeTimeout = setTimeout(() => {

        let currentWidth = window.innerWidth;

        

        // Prüfen, ob die Änderung mindestens 100px beträgt

        if (Math.abs(currentWidth - ww) >= 100) {

            ww = currentWidth; // Neue Referenzbreite setzen

            

            // Sicherstellen, dass size_change existiert und eine Funktion ist

            if (typeof size_change === "function") {

                size_change();

            }

        }

    }, 150); // Kleiner Puffer für die Performance

});



// Beispiel für die Funktion

function size_change() {

    console.log("Die Breite hat sich signifikant geändert. Layout wird angepasst...");

    // Hier könntest du z.B. dein Grid neu berechnen oder Animationen stoppen

}

Back