2017-06-28 5 views
0

Hoffentlich eine kurze Frage zu scrollTop. Stellt es die Entfernung eines Elements vom oberen Rand der Seite dar, aber nur wenn es gescrollt wurde?Wie wird die Scroll-Top-Eigenschaft verwendet?

+1

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop – Will

+0

Danke wil, aber diese Quelle ist, warum ich frage, speziell der Teil über "erhält oder setzt die Anzahl der Pixel, um die der Inhalt eines Elements vertikal gescrollt wird." Der vertikal gedrehte Teil ist derjenige, der mich erreicht. Wenn ein Element unter dem oberen Rand der Seite sitzt, aber die Seite noch nicht gescrollt ist, ist scrollTop gleich 0? Oder ist es wirklich nur die Position von oben gemessen? –

Antwort

0

Für jedes Element bezieht sich der scrollTop auf den Umfang des Bildlaufs durch seinen Inhalt.

Grundsätzlich, denke an jedes Element mit einem Standard scrollTop von 0. Dann fügen Sie overflow-y: scroll hinzu. Also jetzt dieses Element (ich werde es den Container nennen), hat jetzt eine Bildlaufleiste. Wenn der Benutzer innerhalb des Elements scrollt, bezieht sich der scrollTop des Containers auf den Unterschied zwischen dem Ansichtsfenster des Inhalts dieses Elements und der absoluten Position des Inhalts.

Für eine einfache Website mit nur Überlauf auf den Körper gesetzt, dann nur die window.scrollTop wird etwas Sinnvolles haben.

Ich hoffe, das macht Sinn. Es gibt ein gutes Bild, das ich im Moment nicht finden kann. Ich werde versuchen, es zu finden, wenn Sie eine visuelle benötigen

Verwandte Themen