Estoy buscando una forma de scrollear hacia un elemento con una animacion smooth. Para ello me he auxiliado de este sitio.
function scroll() {
const a = document.getElementById("p");
a.scrollIntoView({
behavior: "smooth"
})
}
<button id="button" onclick="scroll()"> myButton </button>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p> parragraph </p>
<p id="p"> myParragraph </p>
Hay una forma de anadir una animacion a la accion escrolear, usando javascript o css solamente?, preferentemente javascript. Tambien, que la accion smooth scroll no sea solo a un elemento, sino tambien pixeles hacia alguna direccion? Pd: Uso la animacion como me dice en el sitio, pero no me funciona, alguien sabe por que puede ser?