par

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

+1 validé
par

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

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!

Lectures Informatique Recommandées

meilleurs livres informatique

Suggéré par Google

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...