par Hugo 29-Juillet-2022

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!

1 Réponse

par Antoine 29-Juillet-2022

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.

par Hugo 31-Juillet-2022

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!

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses d'Antoine et d'autres internautes.

2.6k questions

3k réponses

...