Ci-joint, un peu de code pour réaliser un effet assez courant et sympa sur les sites web « one-pages« , sur ce qu’on appelle des ancres. Soit des liens hypertextes dont la destination se situe non pas sur une autre page où du site mais sur la même que vous consultez. Nativement, vous accédez au contenu désiré en un éclair, ce qui peu d’ailleurs perturber les internautes.
Ici, le scroll de la page se fait plus lentement avec un effet d’accélération.
L’effet est réalisé à l’aide de javascript.
Petit bonus : une petite flèche apparaît en position fixe en bas de la page, afin de remonter toute la page et dans le but d’accéder à nouveau au menu duquel on est parti.