Défilement horizontal en JS

Barbarlas Messages postés 23 Date d'inscription   Statut Membre Dernière intervention   -  
 htpt -
Bonjour,

Je souhaite savoir avec quel code je peux faire défiler horizontalement une page web. Il s'agirait d'un bouton avec une flèche vers la droite, quand on clique dessus la page défile vers la droite.
Le bouton sera de ce type là :

<i class="fa fa-arrow-right moving-right"></i>


Un peu de CSS comme ceci :

.moving-right {position:absolute;top:250px;right:50px;background:#fff;padding:20px;font-size:2em;cursor:pointer;z-index:9999;}


Et bon pour le JS je souhaite de l'aide ^^

Merci d'avance
Barbarlas

1 réponse

htpt
 
Salut,

pourquoi pas la propriétés overflow de CSS pour avoir une barre de défilement, il y a déjà les boutons dessus.

Si c'est pour faire une animation on peut utiliser CSS même sans javascript.
Balise 'i' ça s'utilise encore?
Correspondant à un bouton le mieux c'est que ce soit indiqué en tant que tel:
<button type=button class="fa fa-arrow-right moving-right">
</button>
Ou simplement un lien:
<a href='#' class=class="fa fa-arrow-right moving-right"></a>


En javascript j'ai trouvé un exemple utilisant la propriété de l'objet window scrollX qui peut vous inspirer:

http://stackoverflow.com/questions/3464876/javascript-get-window-x-y-position-for-scroll
0