Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Nova funcionalidade para o Projeto CRUD da formação Front End

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" });
        };
2 respostas
solução!

Espero que tenham gostado

Oii, José. Tudo bem?

Obrigada por compartilhar sua implementação com a gente! Adicionar a rolagem suave até o formulário ao clicar no botão de editar é uma solução bem interessante para melhorar a experiência do usuário, deixando a navegação mais fluida e intuitiva.

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!