Pourquoi le défilement progressif ne fonctionne pas sur WordPress ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-07-29 19:13:29
Thèmes : css - scroll - wordpress
Question

Bonjour,

J'essaye de rentrer cette commande sur mon site Wordpress:

body{
scroll-behavior: smooth;
}

Afin que mes défilements d'ancrage ne se fassent pas en sautant mais en défilant.

Seulement, lorsque je rentre la commande, la prévisualisation fonctionne mais lorsque je publie mon site et que je l'ouvre dans un nouvel onglet, la commande ne fonctionne pas.

J'ai essayé cette commande, mais rien n'y fait:

body{
scroll-behavior: smooth; !important
}

Merci d'avance pour votre aide!

Réponse

Bonjour,

Essayez d'appliquer plutôt la règle CSS à la balise HTML :

html{
scroll-behavior: smooth !important;
}

Si cela ne fonctionne toujours pas, effectuez un clic droit sur un lien vers l'une des ancres, et choisissez l'option inspecter ; inspectez ensuite l'onglet Styles pour voir si la règle CSS est bel et bien présente et si elle n'est pas supplantée par une autre règle.