Défilement horizontal en JS
Barbarlas
Messages postés
25
Statut
Membre
-
htpt -
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à :
Un peu de CSS comme ceci :
Et bon pour le JS je souhaite de l'aide ^^
Merci d'avance
Barbarlas
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
A voir également:
- Défilement horizontal en JS
- Barre de défilement - Guide
- Problème défilement incontrôlable ✓ - Forum Excel
- Arrêt défilement excel ✓ - Forum MacOS
- Défilement qui se font tout seul. ✓ - Forum Windows 10
- Ecran horizontal - Guide
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
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