Heim > Web-Frontend > js-Tutorial > jQuery erhält eine Zusammenfassung der Seiten- und Elementhöhe und -breite – super praktisch_jquery

jQuery erhält eine Zusammenfassung der Seiten- und Elementhöhe und -breite – super praktisch_jquery

WBOY
Freigeben: 2016-05-16 15:48:31
Original
1249 Leute haben es durchsucht

Das Folgende ist eine Zusammenfassung der jQuery-Methoden zum Ermitteln der Höhe und Breite von Seiten und einzelnen Elementen und wird mit allen geteilt.

Ermitteln Sie die Höhe des Browser-Anzeigebereichs (visueller Bereich):

Code kopieren Der Code lautet wie folgt:

$(window).height();

Ermitteln Sie die Breite des Browser-Anzeigebereichs (visueller Bereich):
Code kopieren Der Code lautet wie folgt:

$(window).width();

Ermitteln Sie die Dokumenthöhe der Seite
Code kopieren Der Code lautet wie folgt:

$(document).height();

Ermitteln Sie die Dokumentbreite der Seite:
Code kopieren Der Code lautet wie folgt:

$(document).width();

Die Höhe des Dokumentkörpers des aktuellen Browserfensters:
Code kopieren Der Code lautet wie folgt:

$(document.body).height();

Die Breite des Dokumentkörpers des aktuellen Browserfensters:

Code kopieren Der Code lautet wie folgt:

$(document.body).width();

Ermitteln Sie die vertikale Höhe der Bildlaufleiste nach oben (d. h. die Höhe der Webseite, die nach oben gescrollt wird)
Code kopieren Der Code lautet wie folgt:

$(document).scrollTop();

Ermitteln Sie die vertikale Breite der Bildlaufleiste nach links:
Code kopieren Der Code lautet wie folgt:

$(document).scrollLeft();

Rufen Sie die Breite des Elements ab oder legen Sie sie fest:

Code kopieren Der Code lautet wie folgt:

$(obj).width();

Holen Sie sich die Höhe eines Elements oder legen Sie sie fest:
Code kopieren Der Code lautet wie folgt:

$(obj).height();

Der Abstand vom oberen Rand eines Elements zum oberen Rand des Körpers: obj.offset().top; (wenn das enthaltende Element keine Bildlaufleisten enthält)
Der Abstand vom linken Rand eines Elements zur Position ganz links von body: obj.offset().left; (wenn das enthaltende Element keine Bildlaufleiste enthält)
Gibt den Versatz vom oberen Rand des aktuellen Elements zum oberen Rand seines enthaltenden Elements zurück: obj.offset().top (für den Fall, dass das enthaltende Element des Elements eine Bildlaufleiste enthält)
Gibt den Versatz vom linken Rand des aktuellen Elements zum linken Rand seines enthaltenden Elements zurück: obj.offset().left (für den Fall, dass das enthaltende Element des Elements eine Bildlaufleiste enthält)
obj.offset().top;
Legt die Anzahl der Pixel fest, die zum linken oder oberen Rand des Elements gescrollt wurden, oder gibt sie zurück. Einfach ausgedrückt geht es darum, den Versatz des passenden Elements relativ zur oberen oder linken Seite der Bildlaufleiste festzulegen oder abzurufen. Diese Pixel sind nur nützlich, wenn das Element über Bildlaufleisten verfügt, beispielsweise wenn die Eigenschaft CSS-Überlauf des Elements auf auto eingestellt ist. Diese Eigenschaften werden auch nur für die Tags oder des Dokuments definiert (dies hängt vom Browser ab) und zusammen werden sie zur Angabe der Position verwendet des scrollenden Dokuments. Beachten Sie, dass diese Eigenschaften nicht den Umfang des Scrollens für ein