Livre
Référence
Tutos
Scripts
Forums
FAQ
Tools
IA
TJS
Référence du JavaScript
HTMLElement
scrollLeft
Propriété :
HTMLElement
.
scrollLeft
Nombre de pixels de scroll horizontal de l'élément
Syntaxe
Number HTMLElement.scrollLeft
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description
Nombre de pixels de scroll vertical de l'élément HTML.
La propriété est accessible en écriture et permet de forcer le scroll par programmation (voir exemple plus bas)
Voir aussi
scrollTop
pour le défilement vertical.
Pour connaitre le scroll global de la page, utilisez
window.scrollX
et
window.scrollY
.
Exemple 1 : Scrolling horizontal
Code source
<style
type=
"text/css"
>
div#container
{
padding
:
5
px
;
border
:
2
px
solid
#333
;
background
-color
:
#ccc
;
width
:
250
px
;
overflow
:
auto
;
}
div#mydiv
{
white
-space
:
nowrap
;
}
</style>
<div
id=
"container"
>
<div
id=
"mydiv"
>
Le JavaScript, souvent déclaré mort, est maintenant partout, même sur les serveurs.
</div>
</div>
<script
type=
"text/javascript"
>
document
.
getElementById
(
"container"
).
scrollLeft
=
100
;
</script>
Résultat
Le JavaScript, souvent déclaré mort, est maintenant partout, même sur les serveurs.
Emulation de la console
Explication
Affiche une longue phrase dans un élément horizontal et fixe le scroll par programmation.
Page en rapport
Introduction au DHTML
Page mise à jour le
18/02/2020
Troisième édition Tout JavaScript chez Dunod
En savoir plus
Sortie le 4 janvier 2023
Version papier 29€90
Format électronique 22€99.
Commandez en ligne
Dunod
Fnac
Amazon
Chercher une fonction, un objet, ...
Le graph des objets Javascript
Chargement
en cours...
Le 20/01/2025 09:54:17 sur php 7 en 265.3 ms