Si hacemos enlaces entre secciones de una pagina nos lleva de una manera muy brusca, sin que haya una transición que muestre el scroll (desplazamiento) hacia el destino, vamos a ver un efecto suave muy sencillo en CSS que nos soluciona la papeleta en la mayoría de los casos.
Transición suave scroll CSS
Vamos a personalizar en WordPress o en el archivo Style de nuestro tema o web y ponemos este pequeño código con la etiqueta html.
html{scroll-behavior: smooth;}
En el editor de wordpress tiene que quedar así
En algunas ocasiones si tienes algo que dependa de la etiqueta html puede que te provoque algún conflicto, yo de momento he tenido problemas con el efecto transición aplicado directamente en el HTML y te olvidas de JavaScript, frameworks y demás historias por el estilo.
Dejar una contestacion