jQuery - méthode scrollLeft (val)

La description

le scrollLeft( val ) est utilisée pour définir le décalage gauche 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.scrollLeft( 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 gauche de 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").scrollLeft(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