So positionieren Sie die feste Ebene in js_javascript-Fähigkeiten

Sie müssen die Koordinaten einiger HTML-Objekte abrufen, um die Koordinaten der Zielebene flexibler festzulegen. Hier können Sie Attribute wie document.body.scrollTop verwenden, aber diese Attribute sind in Standard-XHTML-Webseiten oder einfacher mit < ;! Der vom DOCTYPE...>-Tag erhaltene Wert ist 0; wenn dieser Tag nicht verwendet wird, ist alles in Ordnung. Wie erhält man also die Koordinaten des Körpers? Natürlich gibt es eine Möglichkeit. Wir können document.body beispielsweise so schreiben:

Code kopieren Der Code lautet wie folgt:

var top=document.documentElement.scrollTop ||document.body.scrollTop;

|| Ding, kann nicht nur in if-Bedingungsanweisungen verwendet werden, sondern auch für die Variablenzuweisung. Das obige Beispiel kann im folgenden Format geschrieben werden:

Code kopieren Der Code lautet wie folgt:

var top=document.documentElement.scrollTop ?document.documentElement.scrollTop : document.body.scrollTop;
Solches Schreiben kann eine gute Kompatibilität haben. Beachten Sie außerdem, dass stattdessen 0 angezeigt wird, wenn der Wert von document.documentElement.scrollTop nicht deklariert ist.

Erklärung: Um die vertikale Koordinatenposition der Bildlaufleistenkoordinaten auf der aktuellen Seite zu erhalten: Verwenden Sie
document.documentElement.scrollTop anstelle von
document.body .scrollTop ;
document.documentElement erhält das HTML-Tag,
document.body erhält das Body-Tag;
Unter Standard-w3c ist document.body.scrollTop immer 0, Sie müssen document.documentElement.scrollTop verwenden .
Wenn wir die absolute Position der Maus relativ zur Seite positionieren möchten, werden Sie von den meisten Suchmaschinen aufgefordert,
event.clientX document.body.scrollLeft, event.clientY zu verwenden document.body.scrollTop;
Wenn Sie feststellen, dass die Maus von Ihrer Vorstellung abweicht, ist das überhaupt nicht überraschend, da IE5.5 das document.body.scrollX-Objekt nicht mehr unterstützt.
Also müssen wir ein hinzufügen Satz;

Code kopieren Der Code lautet wie folgt:

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;
}


Die Im Folgenden wird die Verwendung einiger Parameter beschrieben:
Sichtbarkeit von Webseiten Bereichsbreite: document.body.clientWidth;

Sichtbare Bereichsbreite der Webseite: document.body.clientHeight;
Sichtbare Bereichsbreite der Webseite Seite: document.body.offsetWidth; (einschließlich der Breite der Kante);
Sichtbare Webseitenhöhe: document.body.offsetHeight; (einschließlich der Breite der Kante); Seitenkörper: document.body.scrollWidth;
Vollständige Texthöhe des Webseitenkörpers: document.body.scrollHeight;
Die Webseite wird nach oben gescrollt: document.body.scrollTop; Seite, die gescrollt wird: document.body.scrollLeft;
Oben im Hauptteil der Webseite: windows.screenTop;
Links im Hauptteil der Webseite: windows.screenLeft; .screen.height;
Bildschirmauflösungsbreite: windows.screen.availHeight;
Bildschirm verfügbare Arbeitsbereichsbreite: windows.screen.availWidth; Ermitteln Sie die Scrollhöhe des Objekts: scrollHeight;
Legen Sie den Abstand zwischen dem linken Rand des Objekts und dem äußersten linken Ende des aktuell sichtbaren Inhalts im Fenster fest oder erhalten Sie ihn: scrollLeft; Oberkante des Objekts und Oberkante des sichtbaren Inhalts im Fenster: scrollTop;
Ruft die Bildlaufbreite des Objekts ab: scrollWidth; Ruft das Objekt relativ zum Layout ab oder wird durch die übergeordneten Koordinaten angegeben: offsetParent attribute The Höhe der übergeordneten Koordinate: offsetHeight;
Ermittelt die berechnete linke Position des Objekts relativ zum Layout oder die durch die Eigenschaft offsetParent angegebene übergeordnete Koordinate: offsetLeft; Ermittelt die berechnete obere Position des Objekts relativ zum Layout oder die durch die offsetTop-Eigenschaft angegebene übergeordnete Koordinate. Position: offsetTop;
event.clientX: horizontale Koordinate relativ zum Dokument;
event.offsetX: horizontale Koordinate relativ zum Container;
event .offsetY: Die vertikale Koordinate relativ zum Container
document.documentElement.scrollTop: Legt die vertikale Höhe des Bildlaufs fest
event.clientX document.documentElement.scrollTop: Die Vertikale Scrollbetrag relativ zur horizontalen Position des Dokuments;