Pourquoi le défilement progressif ne fonctionne pas sur 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!

Answer 1

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.

Comments

Lorsque j'ai inspecté le lien vers l'une des ancres, dans l'onglet Styles, la règle n'étant pas présente, je l'ai rajoutée (scroll-behavior: smooth;) en dessous de body {. Et en voyant que cela fonctionnait, j'ai fais un clic droit sur cette ligne, "copy rule" et je l'ai collée dans le CSS additionnel et tout fonctionne apparemment. Je vous remercie beaucoup pour votre aide et vous souhaite une très bonne fin de journée! Merci Antoine!