Ich arbeite an einer Funktion, um zu erkennen, ob Text in einem DIV-Element überläuft. In diesem Zusammenhang habe ich eine Funktion, die sowohl in Chrome als auch in IE funktioniert und die scrollHeight des Elements mit den clientHeight-Attributen vergleicht.
In FireFox geben jedoch sowohl Attribute (als auch offsetHeight) immer die gleiche Zahl an, die die Höhe des div-Elements ist.
Ich bekomme genaue Ergebnisse von der scrollHeight-Eigenschaft, wenn ich dem div-Stil 'overflow: auto' hinzufüge. Aber das Anzeigen der Bildlaufleiste ist keine akzeptable Lösung für das Projekt, an dem ich gerade arbeite.
Irgendwelche Vorschläge?
In der aktuellen Firefox-Version ist das kein Problem mehr, da die scrollHeight -Eigenschaft auch ohne den hier gezeigten overflow="scroll" -Trick funktioniert. Aber in einigen alten Versionen passiert es immer noch so ...
vielen Dank @thejh, Ihr Hinweis war sehr nützlich für mich!
Ich arbeite an einer Funktion, um zu erkennen, ob Text in einem DIV-Element überläuft. In diesem Zusammenhang habe ich eine Funktion, die sowohl in Chrome als auch in IE funktioniert und die scrollHeight des Elements mit den clientHeight-Attributen vergleicht.
In FireFox geben jedoch sowohl Attribute (als auch offsetHeight) immer die gleiche Zahl an, die die Höhe des div-Elements ist.
Ich bekomme genaue Ergebnisse von der scrollHeight-Eigenschaft, wenn ich dem div-Stil 'overflow: auto' hinzufüge. Aber das Anzeigen der Bildlaufleiste ist keine akzeptable Lösung für das Projekt, an dem ich gerade arbeite.
Irgendwelche Vorschläge?
Kartikaya Gupta erklärt das Verhalten von Firefox in einem Blogbeitrag in den scrollWidth / scrollHeight-Eigenschaften .
> Die Empfehlung zu erkennen, ob ein Element überläuft, besteht darin, es scrollbar zu machen und %code% / %code% vorübergehend auf 1 zu setzen. Wenn mindestens %code% oder %code% seinen Wert behält, würde das Element überlaufen.
Um zu verhindern, dass die Prüfung für den Benutzer sichtbar ist, möchten Sie möglicherweise die Überprüfung in einem geklonten Element durchführen, das in der Negativ oben oder links vom Ansichtsfenster.
Das ist dokumentiertes Verhalten:
Wenn der Inhalt eines Elements dies nicht tut erzeugt dann eine vertikale Bildlaufleiste Seine Eigenschaft scrollHeight ist gleich seine Eigenschaft clientHeight.
Ich weiß, dass es nicht sauber ist, aber könntest du so etwas machen?
%Vor%Der Benutzer kann das nicht sehen, weil die Seite nur neu gezeichnet wird, wenn gerade kein Javascript läuft.
Kartikaya Gupta erklärt das Verhalten von Firefox in einem Blogbeitrag in den scrollWidth / scrollHeight-Eigenschaften .
> Die Empfehlung zu erkennen, ob ein Element überläuft, besteht darin, es scrollbar zu machen und scrollLeft / scrollTop vorübergehend auf 1 zu setzen. Wenn mindestens scrollWidth oder scrollHeight seinen Wert behält, würde das Element überlaufen.
Um zu verhindern, dass die Prüfung für den Benutzer sichtbar ist, möchten Sie möglicherweise die Überprüfung in einem geklonten Element durchführen, das in der Negativ oben oder links vom Ansichtsfenster.
In der aktuellen Firefox-Version ist das kein Problem mehr, da die scrollHeight -Eigenschaft auch ohne den hier gezeigten overflow="scroll" -Trick funktioniert. Aber in einigen alten Versionen passiert es immer noch so ...
vielen Dank @thejh, Ihr Hinweis war sehr nützlich für mich!
Tags und Links javascript html