Testen Sie den Unterschied zwischen diesen drei Eigenschaften durch eine Demo.
veranschaulichen:
Scrollwidth: Die Breite des tatsächlichen Inhalts des Objekts, die Breite der Linie ohne Kanten, wird größer, da der Inhalt des Objekts den Betrachtungsbereich überschreitet.
Clientwidth: Die Breite des Betrachtungsbereichs des Objektinhalts, ohne die äquilateralen Leitungen der Bildlaufleiste zu wickeln, ändert sich ändert sich die Größe des Objekts.
Offsetwidth: Die tatsächliche Breite des Objekts als Ganzes ist die Bildlaufleiste gleichermaßen bewertet, die sich ändert, wenn das Objekt die Größe zeigt.
Die Demo steckt ein Textbereichselement in die Seite und zeigt es mit der Standardbreite und der Höhe an.
Situation 1:
Wenn im Element keinen Inhalt vorhanden ist oder der Inhalt den Betrachtungsbereich nicht überschreitet, erscheint das Scrollen nicht oder ist nicht verfügbar.
scrollwidth = clientwidth, beide sind die Breite des Inhaltsansichtsbereichs.
Offsetwidth ist die tatsächliche Breite des Elements.
Situation 2:
Der Inhalt des Elements überschreitet den Betrachtungsbereich, die Bildlaufleiste erscheint und ist verfügbar.
Scrollwidth> Clientwidth.
Scrollwidth ist die Breite des tatsächlichen Inhalts.
Die Clientwidth ist die Breite des Inhaltsbereichs.
Offsetwidth ist die tatsächliche Breite des Elements.
ENDE
Das obige sind alle Unterschiede zwischen Scrollwidth, Clientbreite und Offsetwidth. Ich hoffe, es wird für alle hilfreich sein.