Existe-t-il un moyen d'obtenir une animation de défilement fluide lors de l'utilisation de la molette de défilement ?

Question

J'essaie de faire en sorte que lorsque je fais défiler la page, elle se déplace en douceur au lieu de la manière "sauteuse" qu'elle fait lorsque vous utilisez la molette de défilement.

La plupart des sources que j'ai vues liées à cela impliquent un défilement fluide lorsque vous cliquez sur des boutons ou des liens, comme ce que propose React-scroll, mais je souhaite spécifiquement obtenir l'effet fluide du défilement par molette. Existe-t-il un moyen d'y parvenir via un thème Material UI, ou existe-t-il un package React qui peut vous aider ?

Answer 1

Si vous souhaitez obtenir un défilement fluide lorsque vous cliquez sur le point d'ancrage, vous pouvez appliquer le code suivant à votre balise html :

scroll-behavior: smooth;

Si vous souhaitez appliquer un effet d'animation lors du défilement, il sera appliqué par défaut à chaque site Web.