jQuery - méthode scrollTop (val)

La description

le scrollTop( val ) est utilisée pour définir le décalage supérieur du défilement sur la valeur transmise sur tous les éléments correspondants.

Cette méthode fonctionne pour les éléments visibles et masqués.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode

selector.scrollTop( val )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • val - Un nombre positif représentant le décalage du haut du défilement souhaité.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode -

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function(){
            $("div.demo").scrollTop(300);
         });
      </script>
		
      <style>
         div.demo {background:#CCCCCC none repeat scroll 0 0; border:3px 
            solid #666666; margin:5px; padding:5px; position:relative;
            width:200px; height:100px; overflow:auto;}
         p { margin:10px; padding:5px; border:2px solid #666; 
            width:1000px; height:1000px;}
      </style>
   </head>
	
   <body>
      <div class = "demo"><p>Hello</p></div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-css.htm