[Résolu] Retour en haut "en souplesse"

Bonjour,
J'ai un bouton "retour en haut de la page" qui fonctionne.
Je voudrais que son action se fasse en douceur.
Est ce que c'est possible en css ?
Je ne sais pas le(s) termes à utiliser dans un moteur de recherche, que dois-je choisir ?
Bonne journée,
Yves

Bonjour,

le terme est smoothscroll (défilement doux en français ?).
J'utilise le plugin jQuery du même nom que dew a écrit dans le cadre des scripts pepin.

https://github.com/alsacreations/pepin/tree/master/smoothscroll pour le script seul et la doc.

Une fois que tu as ajouté à ta page jQuery et smoothscroll.js, il faut encore ajouter une classe et un attribut dans ton code HTML comme indiqué à la section "Usage de base" de la doc et ça devrait être bon.

Bonjour,

Maintenant ça existe !!!! :):):)
Scroll-behavior

Voici le petit bout de code, presque rien, et ça rend un site tout de suite plus fluide. Évidemment, si la page est très courte, l'effet se fait peu sentir.
/* scroll behavior on html */

html {
  scroll-behavior: smooth;
}

https://www.w3schools.com/cssref/pr_scroll-behavior.asp
Par contre, je ne crois pas que l'on puisse régler la vitesse du retour, je n'ai pas réussi à trouver. Il semblerait que c'est le navigateur qui décide. Des infos là-dessus ? Et ce n'est pas encore trop supporté, il faut alors se rabattre sur la solution de Felipe.

Hello,

C'est effectivement faisable en CSS pur avec scroll-behavior.

D'ailleurs il y a même un article détaillé sur Alsacréations : https://www.alsacreations.com/tuto/lire/1791-et-si-css-vous-renvoyait-l-ascenseur.html