diff options
author | julieng <julien.gattelier@gmail.com> | 2021-10-02 17:20:24 +0200 |
---|---|---|
committer | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-10-02 17:30:20 +0200 |
commit | 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch) | |
tree | 30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/element/scrollleft | |
parent | c05efa8d7ae464235cf83d7c0956e42dc6974103 (diff) | |
download | translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2 translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip |
convert content to md
Diffstat (limited to 'files/fr/web/api/element/scrollleft')
-rw-r--r-- | files/fr/web/api/element/scrollleft/index.md | 69 |
1 files changed, 32 insertions, 37 deletions
diff --git a/files/fr/web/api/element/scrollleft/index.md b/files/fr/web/api/element/scrollleft/index.md index 1d408aae3c..115f89a128 100644 --- a/files/fr/web/api/element/scrollleft/index.md +++ b/files/fr/web/api/element/scrollleft/index.md @@ -6,64 +6,59 @@ tags: - DOM_0 translation_of: Web/API/Element/scrollLeft --- -<p>{{ ApiRef() }}</p> +{{ ApiRef() }} -<h3 id="R.C3.A9sum.C3.A9">Résumé</h3> +### Résumé -<p>Définit ou obtient le nombre de pixels dont le contenu est défilé vers la gauche.</p> +Définit ou obtient le nombre de pixels dont le contenu est défilé vers la gauche. -<h3 id="Syntaxe">Syntaxe</h3> +### Syntaxe -<pre class="eval">// Obtient le nombre de pixels défilés -var <var>sLeft</var> = <var>element</var>.scrollLeft; -</pre> + // Obtient le nombre de pixels défilés + var sLeft = element.scrollLeft; -<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> +_sLeft_ est un entier représentant le nombre de pixels dont _element_ a été défilé vers la gauche. -<pre class="eval">// Définit le nombre de pixels défilés -<var>element</var>.scrollLeft = 10; -</pre> + // Définit le nombre de pixels défilés + element.scrollLeft = 10; -<p><strong>scrollLeft</strong> peut être n'importe quelle valeur entière, cependant :</p> +**scrollLeft** peut être n'importe quelle valeur entière, cependant : -<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> +- Si l'élément ne peut pas défiler (par exemple parce qu'il ne déborde pas), `scrollLeft` est mis à 0. +- S'il reçoit une valeur inférieure à 0, `scrollLeft` est mis à 0. +- S'il reçoit une valeur plus grande que le maximum dont le contenu peut défiler, `scrollLeft` est mis au maximum. -<h3 id="Exemple">Exemple</h3> +### Exemple -<pre class="brush: html"><script type="text/javascript"> +```html +<script type="text/javascript"> function doScrollLeft(el, p) { el.scrollLeft = p; } -</script> +</script> -<div id="aDiv" +<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 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" +</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> +### Spécification -<p>{{ DOM0() }}</p> +{{ DOM0() }} -<h3 id="R.C3.A9f.C3.A9rences">Références</h3> +### Références -<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 +- [_scrollLeft_ sur MSDN](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollleft.asp) |