Ausführliche Erklärung zur Verwendung von js zum Ermitteln der Webseitenhöhe und herkömmlicher Randberechnungen

Wie erhält js oder jquery die gemeinsame Höhe oder Breite einer Webseite? Der Herausgeber hat es zusammengefasst, werfen wir einen Blick darauf.

Breite des sichtbaren Webseitenbereichs: document.body.clientWidth ;
Die Höhe des sichtbaren Bereichs der Webseite: document.body.clientHeight;
Die Breite des sichtbaren Bereichs der Webseite : document.body.offsetWidth (einschließlich der Breite der Kante);
Höhe des sichtbaren Bereichs der Webseite: document.body.offsetHeight (einschließlich der Breite der Kanten);
Volltextbreite des Hauptteils der Webseite: document.body.scrollWidth;
Höhe des Volltexts der Webseite: document.body.scrollHeight;
Die Höhe der gescrollten Webseite: document.body.scrollTop;
Die linke Seite der gescrollten Webseite: document.body.scrollLeft;
Im Hauptteil der Webseite: window.screenTop;
Auf der linken Seite des Hauptteils der Webseite: window.screenLeft;
Die Höhe der Bildschirmauflösung: window.screen.height;
Die Breite der Bildschirmauflösung: window.screen.width;
Höhe des Bildschirms verfügbarer Arbeitsbereich: window .screen.availHeight;
Auf dem Bildschirm verfügbare Arbeitsbereichsbreite: window.screen.availWidth;

scrollHeight: Ermitteln Sie die Scrollhöhe des Objekts.
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 fest oder ruft den ab Abstand zwischen dem obersten und dem oberen Rand des sichtbaren Inhalts im Fenster
scrollWidth: Ruft die Bildlaufbreite des Objekts ab
offsetHeight: Ruft das Objekt relativ ab zum Layout oder durch die übergeordneten Koordinaten angegeben offsetParent-Eigenschaft Die Höhe der übergeordneten Koordinate
offsetLeft: Ruft die berechnete linke Position des Objekts relativ zum Layout oder der durch das offsetParent-Attribut
offsetTop: Ruft das Objekt relativ zum Layout ab. Oder die berechnete obere Position der übergeordneten Koordinate, die durch das offsetTop-Attribut angegeben wird.
event.clientX Die horizontale Koordinate relativ zum Dokument
event.clientY Die vertikale Koordinate relativ zum Dokument

event.offsetX horizontale Koordinate relativ zum Container
event .offsetY vertikale Koordinate relativ zum Container
document.documentElement.scrollTop vertikal Der Wert des Richtungsscrollens
event.clientX+document.documentElement.scrollTop Die horizontale Koordinate relativ zum Dokument + der Betrag des vertikalen Scrollens
Beitrag von molong am 19.05.2009 23:57 Uhr #1

Um die vertikale Koordinate zu erhalten Position der Bildlaufleiste auf der aktuellen Seite verwenden Sie:
document.documentElement.scrollTop;
anstelle von:
document. body.scrollTop;
documentElement entspricht dem HTML-Tag und body entspricht dem Body-Tag.

Unter Standard-w3c ist document.body.scrollTop immer 0 und muss durch document.documentElement.scrollTop ersetzt werden
Wenn Sie positionieren möchten Bezogen auf die absolute Position der Seite werden Sie feststellen, dass Sie bei 999,99 der 1.000 Artikel in Google event.clientX+document.body.scrollLeft und event.clientY+document.body.scrollTop verwenden können Ihre Maus Bitte wundern Sie sich nicht, wenn die Positionierung von Ihren Vorstellungen abweicht, das ist völlig normal.
Das document.body.scrollX-Objekt wird nach ie5.5 nicht mehr unterstützt. Fügen Sie also beim Programmieren bitte dieses Urteil hinzu

if (document.body && document.body.scrollTop && document.body.scrollLeft)
{
top=document.body.scrollTop;
left=document.body.scrollleft;    
}
if (document.documentElement && document.documentElement.scrollTop && document.documentElement.scrollLeft)
{
top=document.documentElement.scrollTop;
left=document.documentElement.scrollLeft;
}