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

Parar a execução de uma função no Event Hadler Windown

Olá boa tarde! Eu estou com um probleminha kkkkk Eu tenho uma função que deve ser executada apenas UMA VEZ quando o scroll atingir determinado tamanho.

Como posso fazer isto? A minha função do listener está assim (eu quero exatamente os 4000px de scroll e dps que ativar a função quero q ela pare e não seja mais ativada até o reload)

window.addEventListener('scroll', function(){
  if(document.documentElement.scrollTop  >= 4000){
    elementos.forEach( (elemento, index) => {
      elemento.classList.add('text-inner');
      new EfeitoEscrita(elemento, texto[index], delay[index]).escrever();
    });
  }
})
3 respostas
solução!

Fala ai André, tudo bem? Para limitar execução de funções você pode utilizar a técnica take until, mais informações: https://blog.matheuscastiglioni.com.br/limitando-execucao-de-funcao-com-takeuntil/

Espero ter ajudado.

Eae chefe beleza?! Então eu consegui resolver apenas colocando um removeEventListener na embaixo da função :D

Mas obrigado pela resposta e vou ler sobre esta técnica que mandou pois acho que será muito útil em outra parte do código.

A propósito parabéns pelo seu blog, seu conteúdo sobre JS vem me ajudado muito!

Abraços

Boa André, fico feliz que tenha resolvido o problema e obrigada pelo feedback, também fico muito feliz em ajudar.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.