Ayant du contenu, les utilisateurs sont amenés à effectuer un scrolldown pour descendre dans la page. J'ai mis en tout bas de page un bouton remonter qui fonctionne. Cependant j'ai remarqué que sur certain site, il y a un effet scrollup quand on clique sur ce bouton. Or mon bouton remonte d'un coup sans transition. Comment ajouté cet effet ?
Merci et bonne journée/soirée.
« Rien ne doit limiter l’activité humaine. Aussi terrible soit la vie, s’il y a de la vie, il y a de l’espoir »
Hello, dans un premier temps, pour ne pas avoir à t'embêter avec du JQuery (même si ça reste relativement simple); tu peux tout simplement utiliser les ancres, tu n'auras pas d'effet de scroll, mais plus une "téléportation".
Je donnes des cours particulier ici et je suis également mentor OpenClassrooms (Premium Plus et en charge de la Premium Class PHP/Symfony). Un petit j'aime si je vous ai aidé fais toujours plaisir :)
Hello, dans un premier temps, pour ne pas avoir à t'embêter avec du JQuery (même si ça reste relativement simple); tu peux tout simplement utiliser les ancres, tu n'auras pas d'effet de scroll, mais plus une "téléportation".
Il n'existe pas de solution viable sans JavaScript, mais comme dit plus haut, je recommandes l'utilisation du JQuery. Tu n'es même pas obligé de suivre le cours de ce site (mais certaines bases en CSS, JavaScript et JQuery sont un plus pour pouvoir implémenter cette solution dans un autre contexte).
Il faut que tu créé un bouton, l'objet que tu souhaite (une image, un input type="button", etc...). Pour le design, ce sera à toi de voir tout ça de ton côté.
Pour le côté pratique, il faut que tu ajoutes les librairies hébergées (je choisis Google, mais il en existe d'autre) avant la fin de ta balise fermante </body> :
Tu peux sauvegarder et fermer ton fichier javascript.js, on en aura plus besoin. Ouvres maintenant ton fichier-source HTML et ajoute un bouton à la fin de ton contenu. Je choisis un bouton pour la démonstration mais choisis ce qui te plaît :
Il n'existe pas de solution viable sans JavaScript, mais comme dit plus haut, je recommandes l'utilisation du JQuery. Tu n'es même pas obligé de suivre le cours de ce site (mais certaines bases en CSS, JavaScript et JQuery sont un plus pour pouvoir implémenter cette solution dans un autre contexte).
Il faut que tu créé un bouton, l'objet que tu souhaite (une image, un input type="button", etc...). Pour le design, ce sera à toi de voir tout ça de ton côté.
Pour le côté pratique, il faut que tu ajoutes les librairies hébergées (je choisis Google, mais il en existe d'autre) avant la fin de ta balise fermante </body> :
Tu peux sauvegarder et fermer ton fichier javascript.js, on en aura plus besoin. Ouvres maintenant ton fichier-source HTML et ajoute un bouton à la fin de ton contenu. Je choisis un bouton pour la démonstration mais choisis ce qui te plaît :
Je donnes des cours particulier ici et je suis également mentor OpenClassrooms (Premium Plus et en charge de la Premium Class PHP/Symfony). Un petit j'aime si je vous ai aidé fais toujours plaisir :)
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Pas d'aide concernant le code par MP, le forum est là pour ça :)