[SOLUCIONADO] Parar de ejecutar el script

Germano6 · #1 (**permalink**) 30/07/2014, 10:35

Hola tengo un botón que al darle sube hasta arriba. El problema es que no para, quiero decir al llegar arriba luego no puedo volver a bajar porque sigue subiendo.
Este es el código:

Código HTML:

Ver original<html>
<head>
    <script type="text/javascript">
    function scrollToTop() {
    var timeOut;
    var bajado = document.body.scrollTop || document.documentElement.scrollTop;
    if ( bajado !=0){
        window.scrollBy(0, bajado/-10);
        timeOut=setTimeout('scrollToTop()',10);
    }
    else clearTimeout(timeOut);
};
    </script>
</head>
<body style="height: 2000px; background: linear-gradient(to top, black, white);">
    
<a href="" style="position:fixed;" onclick="scrollToTop();return false" id="subir">Subir</a>
</body>
</html>

El problema aparece cuando pongo window.scrollBy(0, bajado/-10) en vez de window.scrollBy(0, -30) porque ahí si que funciona bien.
¿Por qué? ¿Tiene solución?

Alexis88 · #2 (**permalink**) 30/07/2014, 12:30

Quizá en algún momento el valor del scroll sea menor que cero, con lo cual seguirá siendo diferente a dicho valor y por eso la función se sigue ejecutando. Yo lo haría así:

Código Javascript:

Ver originalfunction scrollToTop() {
    var scroll = window.scrollY;
  
    if (scroll){
        var aux = scroll,
            interval = setInterval(function(){
                aux -= 100;
                window.scroll(0, aux);
                if (aux <= 0) clearInterval(interval);
            }, 1);
    }
}

De este modo, tomo el valor desplazado por la barra de desplazamiento y si este es mayor a cero, asigno dicho valor a una variable auxiliar, a la cual le iré disminuyendo el valor asignado de 100 en 100 y será su valor actualizado el que usaré para desplazar a la barra hacia la parte superior. Esto se repetirá cada milésima de segundo hasta que el valor de la variable auxiliar sea menor o igual a cero, en ese momento se termina el ciclo.

Saludos