Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung der Methoden für die visuelle Distanz von js

零到壹度
Freigeben: 2018-03-24 14:50:05
Original
1749 Leute haben es durchsucht


Dieses Mal fasse ich die Wissenspunkte über die visuelle Distanz von js zusammen. Im Folgenden finden Sie den spezifischen Inhalt.

Zusammenfassung des Scrollens der JQuery-Überwachungsseite

1. Der Abstand vom oberen Rand des Fensters, an dem sich der aktuelle Scroll befindet, bis zum oberen Rand der gesamten Seite:

  var winPos = $(window).scrollTop();
Nach dem Login kopieren

2. Ermitteln Sie die Seitenposition des angegebenen Elements:

    $(val).offset().top;
Nach dem Login kopieren

3. Überwachen Sie das Rollen der Seiten-Bildlaufleiste: Platzieren Sie es wenn die Seite geladen wird

 $(window).scroll(function(event)});
Nach dem Login kopieren

4. Stellen Sie die Bildlaufleiste auf die angegebene Position.

$(window).scrollTop(offset)。
Nach dem Login kopieren

5, jQuery('#item' ).outerHeight()

Die tatsächliche Größe von #item, d. h. Höhe+Innenraum+Rand

6, jQuery('#item').outerHeight(true)

Die tatsächliche Größe und der tatsächliche Rand von #item, d. h. Höhe + Abstand + Rand + Rand

verwandt Empfohlen:

Problem der Berechnung der Höhe des sichtbaren Abstands in JS

[Front-End] Zusammenfassung der Methoden zur Bestimmung, ob sich ein Element innerhalb der befindet sichtbarer Bereich

js ruft die Breite und Höhe des sichtbaren Bereichs und Körpers ab

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden für die visuelle Distanz von js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!