28112 sujets

CSS et mise en forme, CSS3

[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
Administrateur
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.
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.
Bonjour et merci.
J'ai retrouvé dans mes archives un site où l'effet que je voudrais est visible...

En fouinant dans le code, j'ai la certitude que ce n'est pas du css... Smiley decu

Merci pour vos réponses, je n'ai pas répondu de suite, j'avais un soucis au niveau de l'authentification avec le forum.

Bonne journée à tous,
Yves
Modifié par y-forums (12 Feb 2020 - 09:38)
Sujet clos
Aller à