jQuery scrollTop() Methode

❮ jQuery HTML/CSS-methoden

Voorbeeld

Retourneert de verticale schuifbalkpositie voor een <div>-element:

$("button").click(function(){
  alert($("div").scrollTop());
});

Definitie en gebruik

De methode scrollTop() stelt de verticale schuifbalkpositie in of retourneert deze voor de geselecteerde elementen.

Tip: Als de schuifbalk bovenaan staat, is de positie 0.

Wanneer gebruikt om de positie te retourneren:
Deze methode retourneert de verticale positie van de schuifbalk voor het EERSTE overeenkomende element.

Wanneer gebruikt om de positie in te stellen:
Deze methode stelt de verticale positie van de schuifbalk in voor ALLE overeenkomende elementen.


Syntaxis

Terug verticale schuifbalkpositie:

$(selector).scrollTop()

Verticale schuifbalkpositie instellen:

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

Probeer het zelf - Voorbeelden


Hoe u de verticale schuifbalkpositie voor een element instelt.


Hoe te schakelen tussen klassen op verschillende scrollposities.


Gebruik animate() samen met scrollTop() om soepel schuiven toe te voegen aan koppelingen.


❮ jQuery HTML/CSS-methoden