Il n’y a pas si longtemps j’ai vu un des développeurs avec lesquels je travaille écrire une fonction très complexe pour permettre un défilement fluide vers un élément plus bas dans la page. J’ai été assez surpris qu’il n’utilise pas scrollIntoView()
et son paramètre behavior
de valeur smooth
. Ça vous parle ?
Articles pour les mots-clés ‘smoothscroll’
Le saviez-vous – CSS Smooth-scrolling avec scroll-behavior
Récemment dans un petit projet assez proche du prototype, j’ai eu à proposer quelques petites choses comme un menu sticky, un scroll-spy, mixé avec du smooth-scroll. Plein d’effets qui demandent quand même quelques lignes de JS. Et bien pas cette fois.
[Mise à jour] jQuery – Effet smoothscroll au chargement de la page
Après une demande reçue par e-mail, je me suis dit que la fonctionnalité serait peut-être utile à d’autres que moi.
Lors de la rédaction de ce tutoriel : jQuery – Effet Smooth Scroll (défilement fluide), la complexité du contenu m’a fait retirer une extension intéressante à la dernière fonction/plugin proposée.
jQuery – Effet smooth scroll (défilement fluide)
L’effet de scroll fluide est déjà intégré, en fonction de vos paramètres utilisateur, sur certains navigateurs. Il se manifeste par un défilement fluide de la page web lorsque vous descendez ou montez grâce à la molette de votre souris, ou les touches de votre clavier. Il est possible de générer cet effet au clic sur une ancre grâce à JavaScript.