Trago nesse post uma implementação que eu fiz e ficou legal, caso queiram usar. No projeto CRUD, da formação front end, eu implementei a funcionalidade de rolar suavimente até o formulario ao clicar no icone editar.
o código criado foi:
// Rolar suavemente até o topo (onde o formulário está)
document.getElementById("form-container").scrollIntoView({ behavior: "smooth" });
então o código final para o botao editar pensamento ficou assim:
const botaoEditar = document.createElement("button");
botaoEditar.classList.add("botao-editar");
botaoEditar.onclick = () => {
ui.preencherFormulario(pensamento.id);
// Rolar suavemente até o topo (onde o formulário está)
document.getElementById("form-container").scrollIntoView({ behavior: "smooth" });
};