Je suis à la recherche d'une méthode simple pour faire une animation DIV à l'horizontale en fonction des points d'ancrage. Je préfère ne pas télécharger une bibliothèque entière pour cela si possible ...défilement horizontal? javascript
Quelqu'un peut-il suggérer des ressources pour moi d'apprendre le fonctionnement interne de cela?
remercie tous :)
<div style="width: 200px; height: 100px; overflow: scroll; white-space: nowrap">
FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO
FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO
<span id="a1">BAR!</span>
FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO FOO
</div>
<a href="#a1">scroll to bar (HTML anchor)</a>
<input type="button" value="scroll to bar (JS scrollIntoView)" />
<input type="button" value="scroll to bar (JS scrollLeft)" />
<script type="text/javascript">
var a1= document.getElementById('a1');
var buttons= document.getElementsByTagName('input');
buttons[0].onclick= function() {
a1.scrollIntoView();
};
buttons[1].onclick= function() {
a1.parentNode.scrollLeft= a1.offsetLeft;
};
</script>
Je ne comprends pas vraiment votre question. Voulez-vous juste un div qui a une barre de défilement dessus, ou y at-il autre chose qui déclenche le défilement? "Points d'ancrage" ne me suffit pas pour comprendre comment la barre de défilement est contrôlée. –
Est-ce que changer la position gauche de la DIV ne résoudra pas votre problème? Si non, alors s'il vous plaît élaborer votre question dans plus de détails. –
oui, votre question n'est pas claire. –