jQuery addClass - neue Elementabmessungen

[netsurfer]

@Raoul

Kein schlechter Gedanke, aber das wird nicht verlässlich funktionieren. Wenn man mit JavaScript eine HTML-Klasse vergibt, dann unternimmt der Browser sofort einen blockierenden Reflow.

So dachte ich bisher auch. Scheint aber in meinem Fall (durch die per JS zugewiesene Klasse erhält das betreffende Element einen Multi-Column Style) nicht so zu sein. Der Browser braucht anscheinend für eine gewisse Zeit für die Berechnung und Umsetzung (ohne zwischenzeitliche Blockade).

Ich vermute, dass du die Klassenzuweisung und das Auslesen der Abmessungen nicht in einem Run-To-Completion-Codeblock ausführst, sondern verteilt über asynchrone Funktionsaufrufe hinweg.

Dass ich das nicht tue/ getan habe, haben wir ja inzwischen gesehen. Ich frage mich gerade, wie es denn überhaupt möglich ist, dass dann bei

var scrollParent = $('#outer');
var scrollElement = $('#inner');
var baseHeight = scrollParent.prop('clientHeight');
var scrolledHeight = scrollElement.prop('scrollHeight');
var baseWidth = scrollElement.width();

if(scrolledHeight > baseHeight) {
	scrollParent.addClass('scroll');
	var scrolledWidth = scrollElement.prop('scrollWidth');
	console.log("baseWidth: " + baseWidth);
	console.log("scrolledWidth: " + scrolledWidth);
}

nicht das korrekte Ergebnis für scrolledWidth rauskommen kann?

Das ist mir im Moment zumindest ziemlich schleierhaft. hast du eine Idee und könntest mir zu besserem Verständnis verhelfen?

Besten Dank im Voraus.

Gruß Gunther