Flèches qui montent et descendent dans ma page de site Web

J'aimerais avoir le code pour installer des flèches qui montent et descendent pour ma page principale de mon site Web.
Si cela est possible?
Merci à l'avance!

Flèches qui montent et descendent dans ma page de site Web 584250120

Coucou *JOB.*

As tu du CSS sur ton site?

Bisouss

Ptite Perle!
Non je n'ai pas du CSS sur mon site.
Comment je fais pour avoir du CSS sur mon site? est-ce nécessaire? pour avoir le code pour faire des flèches qui montent et descendent sur ma page Acceuil ou autre page de mon site.
Merci de me répondre.

Flèches qui montent et descendent dans ma page de site Web 2126973613

Coucou *JOB.*

J'ai trouvé un code pour une flèche qui remonte en haut de ton site, j'ai essayée sur mon site ,il fonctionne.

A mettre en bas de page index avant

Code:: </BODY>
</HTML>

Code:: <style>
html {
scroll-behavior: smooth;
}
#haut {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: orange;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 10px;
font-size: 18px;
}
#haut:hover {
background-color: #ddd;
}
</style>

<div style="height:5000px">
<button onclick="retourHaut()" id="haut" title="Retour haut de page">Haut</button>
</div>

<script>
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100)
{
document.getElementById("haut").style.display = "block";
}
else
{
document.getElementById("haut").style.display = "none";
}
}

function retourHaut() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>

Dans le code tu pourras changer la couleur du bouton pour qu'il aille au ton de ton site.

Sur cette ligne:

Code:: <div style="height:5000px">

<== règle la hauteur de la flèche pour ne pas être en dessous de ton site mais reste pas plus bas que la fin de ton site.
Pour mon site j'ai mit 100 px

Bisouss

Ptite Perle!

Je veux te remercier pour m'avoir fourni ce code d'une flèche qui remonte en haut de mon site. En effet j'ai suivi les explications et mis les codes comme indiquées et moi aussi sur mon site cela fonctionne très bien.
Il y a longtemps que je voulais en avoir sur ma page de site car le déroulement est assez long pour revenir au tout début.
Si tu veux aller voir sur mon site cela fonctionne très bien , mais je vois que c'est seulement un petit carré avec le mot *HAUT*. Mais c'est correct quand même!
Un gros Merci !
Flèches qui montent et descendent dans ma page de site Web 1468127350

Flèches qui montent et descendent dans ma page de site Web 1468127350

Coucou *JOB.*

C'est parfait ca fonctionne Smile

Si tu veux une fléche ou autre image, tu me la fourni et je verrai pour l'insérer dans le code, ou si tu veux change seulement la couleur regarde à ce niveau dans le code

Couleur de fond et l'écriture

Code:: background-color: orange;
color: white;

Changement de couleur hover, pour changer c'est là dans le code

Code:: #haut:hover {
background-color: #ddd;
}

Bisousss