Código JS para Fechar PopUp Elementor com Rolagem Suave para o Formulário - Bruno Devx - BR Criativus

post #6540

Código JS para Fechar PopUp Elementor com Rolagem Suave para o Formulário

Publicado em: 04/11/2025 / Atualizado em: 04/11/2025

Categorias: BlogElementorExperiênciaPop-UpsScrollUsuário

Abaixo, segue código JavaScript para adicionar no site para o fechamento do pop-up do Elementor após o click com o “rolagem suave” até o formulário.

<script>
jQuery(window).on('elementor/frontend/init', function() {
  jQuery(document).on('click', '.botao-fechar-e-scroll', function(event) {
    event.preventDefault();

    elementorProFrontend.modules.popup.closePopup({}, event);

    var alvo = jQuery('#formulario-padrao');
    if (alvo.length) {
      var offset = alvo.offset().top - 200;
      jQuery('html, body').animate({
        scrollTop: offset
      }, 800);
    }
  });
});
</script>

Adicione a CLASS “botao-fechar-e-scroll” na imagem ou botão que vai usar para fechar, e o ID “formulario-padrao” na seção do formulário.

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=6540

ID de Referência: 6540

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato