jQuery - método scrollTop (val)

Descripción

los scrollTop( val ) El método se usa para establecer el desplazamiento superior de desplazamiento al valor pasado en todos los elementos coincidentes.

Este método funciona tanto para elementos visibles como ocultos.

Sintaxis

Aquí está la sintaxis simple para usar este método

selector.scrollTop( val )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

val - Un número positivo que representa el desplazamiento superior de desplazamiento deseado.

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

<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>

Esto producirá el siguiente resultado:

jquery-css.htm

↰ Previous page