2016-08-22 2 views
2

Ich versuche, die neue innerHeight beim Ändern der Größe meines Fensters zu fangen. (Ich verwende innerHeight, um Höheneigenschaften für DOM-Elemente anzugeben).JavaScript: Warum wird die innere Höhe nicht aktualisiert?

Ich finde in der Praxis, dass der Wert innerHeight festgelegt wird, wenn die Seite geladen wird und während der Größenänderung nicht aktualisiert wird.

var onresize = function(e) { 
    innerHeight = e.target.innerHeight; 
    console.log('Inner height = ' + innerHeight); 
} 

window.addEventListener("resize", onresize); 

Könnte jemand vorschlagen, was soll ich meine onresize Variable erzählen stattdessen zu tun? (Und ich wäre sehr dankbar, wenn jemand die Zeit dafür hätte, zu erklären, warum das nicht funktioniert - das ist das erste Mal, dass ich mit Größenanpassung und innerHeight herumspiele.)

Vielen Dank!

EDIT: Um hinzuzufügen, verwende ich Chrome und die Konsole meldet keine Probleme.

+1

meinst du 'window.innerHeight'? – bowpunya

+1

Ihr Code funktioniert (auf Chrome versucht) ... Ich bin mir nicht sicher, was Ihr Problem ist ... –

+0

Welchen Browser benutzen Sie? Auch, was ist das Konsolen-Reporting, wenn überhaupt? –

Antwort

0

Ihr Code funktioniert für mich auf Chrome und IE in Ordnung (Ich habe keine Mozilla auf meinem Computer), je nach verwendetem Browser einige Probleme könnte es jedoch sein, nämlich

Von Firefox 4 bis 24 dieser Eigenschaft war Buggy

mehr Siehe hier innerHeight

Verwandte Themen