Ich habe so zwei Divs
<div id="parent" style="width:100px:overflow:hidden;">
<div id="child">
tooooooooooooooooooooo much content to fit in parent
</div>
</div>
Ich aktualisiere den Inhalt von child dynamisch und scrolle ihn mit jQuery. Ich würde gerne herausfinden können, wie breit das Kind ist, damit ich weiß, wann ich mit dem Scrollen aufhören muss. Das Problem ist, dass die tatsächliche Breite des Kindes, sobald der überlaufende Inhalt vorhanden ist, sogar breiter ist als der Bildschirm (scheint beim aktuellen Testinhalt etwa 2500 Pixel zu betragen). Der Rand des Elements reicht, falls gesetzt, nicht bis zur tatsächlichen Breite des Inhalts, der Text läuft über den sichtbaren Rand hinaus.
Verwendung von jQuerys $('#child').width
das clientWidth
, scrollWidth
(Dank Bobince) und offsetWidth
Eigenschaften alle maximal bei 1024px (das ist die Breite meines Monitors). Kennt jemand eine Möglichkeit herauszufinden, wie breit der Elementinhalt einschließlich des Überlaufs ist? Wenn es hilft, wird die App, die ich baue, in einer Kioskumgebung ausgeführt, sodass eine Lösung nur für Firefox (sogar eine nächtliche Version) in Ordnung ist.
Aktualisieren: scrollWidth
auf die übergeordneten werke hätte ich genauer lesen sollen, nochmals vielen dank bobince.