blob: 3fafc4443a39798b9417bce07d8ca608afd027fc (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: element.scrollLeft
slug: Web/API/Element/scrollLeft
tags:
- DOM
- DOM_0
translation_of: Web/API/Element/scrollLeft
---
{{ ApiRef() }}
### Résumé
Définit ou obtient le nombre de pixels dont le contenu est défilé vers la gauche.
### Syntaxe
// Obtient le nombre de pixels défilés
var sLeft = element.scrollLeft;
_sLeft_ est un entier représentant le nombre de pixels dont _element_ a été défilé vers la gauche.
// Définit le nombre de pixels défilés
element.scrollLeft = 10;
**scrollLeft** peut être n'importe quelle valeur entière, cependant :
- 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.
### Exemple
```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);"
>
```
### Spécification
{{ DOM0() }}
### Références
- [_scrollLeft_ sur MSDN](http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/scrollleft.asp)
|
