El efecto funciona bien pero al seguir bajando o subiendo con el scroll la velocidad aumenta demasiado si se a que se debe pero no se como arreglarlo, alguna solución?
var i = 0;
var texto = 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ad, placeat';
var velocidad = 500;
function typeWriter() {
if (i < texto.length) {
document.getElementById("escribir").innerHTML += texto.charAt(i);
i++;
setTimeout(typeWriter, velocidad);
}
}
function Scroll() {
let scrollTop = document.documentElement.scrollTop;
if (scrollTop > 264) {
typeWriter()
}
}
window.addEventListener("scroll",Scroll)
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilos.css">
<title>Document</title>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<p id="escribir"></p>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<script src="app.js"></script>
</body>
</html>