Défilement horizontal en JS

Fermé
Barbarlas Messages postés 23 Date d'inscription jeudi 21 janvier 2016 Statut Membre Dernière intervention 12 juillet 2016 - 14 avril 2016 à 15:24
 htpt - 15 avril 2016 à 05:37
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

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