HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth vollständige Erklärung_Erfahrungsaustausch

scrollHeight: Ruft die Scrollhöhe des Objekts ab.

scrollLeft: Legt den Abstand zwischen dem linken Rand des Objekts und dem äußersten linken Ende des aktuell sichtbaren Inhalts im Fenster fest oder ruft ihn ab.

scrollTop: Legt den Abstand zwischen dem obersten Rand von fest oder ruft ihn ab das Objekt und das äußerste linke Ende des sichtbaren Inhalts im Fenster Der Abstand zwischen den Spitzen

scrollWidth: Ermitteln Sie die Bildlaufbreite des Objekts

offsetHeight: Ermitteln Sie die Höhe des Objekts relativ zum Layout oder die übergeordnete Koordinate, die durch die Eigenschaft „OffsetParent“ der übergeordneten Koordinate angegeben wird

offsetLeft: Ruft die berechnete linke Position des Objekts relativ zum Layout oder die übergeordnete Koordinate ab, die durch das Attribut „offsetParent“ angegeben wird

offsetTop: Abrufen die berechnete obere Position des Objekts relativ zum Layout oder die übergeordnete Koordinate, die durch das offsetTop-Attribut angegeben wird

horizontale Koordinaten von event.clientX relativ zum Dokument

vertikale Koordinaten von event.clientY relativ zum Dokument

event.offsetX horizontale Koordinaten relativ zum Container

event.offsetY relativ zum Container Vertikale Koordinate

document.documentElement.scrollTop Der Wert des vertikalen Scrollens

event.clientX+document.documentElement.scrollTop Die horizontale Koordinate des relativen Dokuments + der Betrag des vertikalen Bildlaufs

Das Obige bezieht sich hauptsächlich auf IE, der Unterschied zwischen FireFox ist wie folgt:

IE6.0, FF1.06+:

clientWidth = Breite + Polsterung

clientHeight = Höhe + Polsterung

offsetWidth = Breite + Polsterung + Rand

offsetHeight = Höhe + Polsterung + Rand

IE5.0/5.5:

clientWidth = Breite – Rand

clientHeight = Höhe – Rand

offsetWidth = Breite

offsetHeight = Höhe