diff options
Diffstat (limited to 'files/fr/web/api/element/scrollleft/index.md')
| -rw-r--r-- | files/fr/web/api/element/scrollleft/index.md | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/files/fr/web/api/element/scrollleft/index.md b/files/fr/web/api/element/scrollleft/index.md new file mode 100644 index 0000000000..1d408aae3c --- /dev/null +++ b/files/fr/web/api/element/scrollleft/index.md @@ -0,0 +1,69 @@ +--- +title: element.scrollLeft +slug: Web/API/Element/scrollLeft +tags: + - DOM + - DOM_0 +translation_of: Web/API/Element/scrollLeft +--- +<p>{{ ApiRef() }}</p> + +<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> + +<p>Définit ou obtient le nombre de pixels dont le contenu est défilé vers la gauche.</p> + +<h3 id="Syntaxe">Syntaxe</h3> + +<pre class="eval">// Obtient le nombre de pixels défilés +var <var>sLeft</var> = <var>element</var>.scrollLeft; +</pre> + +<p><var>sLeft</var> est un entier représentant le nombre de pixels dont <var>element</var> a été défilé vers la gauche.</p> + +<pre class="eval">// Définit le nombre de pixels défilés +<var>element</var>.scrollLeft = 10; +</pre> + +<p><strong>scrollLeft</strong> peut être n'importe quelle valeur entière, cependant :</p> + +<ul> + <li>Si l'élément ne peut pas défiler (par exemple parce qu'il ne déborde pas), <code>scrollLeft</code> est mis à 0.</li> + <li>S'il reçoit une valeur inférieure à 0, <code>scrollLeft</code> est mis à 0.</li> + <li>S'il reçoit une valeur plus grande que le maximum dont le contenu peut défiler, <code>scrollLeft</code> est mis au maximum.</li> +</ul> + +<h3 id="Exemple">Exemple</h3> + +<pre class="brush: html"><script type="text/javascript"> + +function doScrollLeft(el, p) +{ + el.scrollLeft = p; +} + +</script> + +<div id="aDiv" + style="width: 100px; height: 200px; overflow: auto;" +> +<script type="text/javascript"> +for (var i=0; i<100; ++i){ + document.write(i + '-FooBar-FooBar-FooBar<br>'); +} +</script> +</div> +<br> +<input type="button" value="Défile de 50 pixels" + onclick="doScrollLeft(document.getElementById('aDiv'), 50);" +> +</pre> + +<h3 id="Sp.C3.A9cification">Spécification</h3> + +<p>{{ DOM0() }}</p> + +<h3 id="R.C3.A9f.C3.A9rences">Références</h3> + +<ul> + <li><a href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollleft.asp"><em>scrollLeft</em> sur MSDN</a></li> +</ul>
\ No newline at end of file |