[SOLUCIONADO] Cambiar acción

AitorDB · #1 (**permalink**) 17/08/2014, 15:05

Hola de nuevo, tengo una idea en mente y quiero saber como podría hacerlo y si es posible que no tengo ni idea.

Lo que quiero es que con la rueda del raton en vez de hacer scroll o una vez que haya alcanzado el final de la pagina por ejemplo, se ejecute una función.

¿Es esto posible?

Gracias por vuestra atención.
Saludos!

Alexis88 · #2 (**permalink**) 17/08/2014, 15:27

Al hacer rodar la rueda del ratón, también se produce el evento scroll, por lo que solamente te quedaría evaluar si se alcanzó el final de la página y, de ser así, ejecutar la función en cuestión.

Código Javascript:

Ver originalfunction foo(){
    console.log("Llegaste al final");
}
window.addEventListener("scroll", function(){
    if (this.scrollY + this.innerHeight == document.documentElement.offsetHeight)
        foo();
}, false);

Si la cantidad de píxeles desplazados por la barra de desplazamiento vertical más la altura de la ventana es igual a la altura del documento (el elemento <html>), sabrás que llegaste al final de la página.

Saludos

IsaBelM · #3 (**permalink**) 18/08/2014, 04:51

scrollY no es compatible con ie9. si quieres compatibilidad con ese navegador, has de usar pageYOffset. si quieres compatibilidad con versiones más antiguas de ese navegador, lee esto

en cuanto a innerHeight. si quieres compatibilidad con ie8-, has de usar document.documentElement.clientHeight

AitorDB · #4 (**permalink**) 19/08/2014, 08:30

Muchas gracias a los dos, probaré y os comento :D

Edito:

Después de haber estado comprobando con el código de Alexis88 he acabado usando un plugin de JQuery que he encontrado por ahí, el código de Alexis iba bien solo que me marcaba al llegar arriba en vez de abajo ¿será por usar porcentajes en CSS? De momento no tengo ni idea ahora me podré a revisarlo... Con respecto a lo del plugin de JQuery se llama Mouse Wheel (https://github.com/brandonaaron/jquery-mousewheel/) y me ha venido perfecto ya que además necesitaba controlar si el movimiento del scroll era hacia arriba o hacia abajo y además también saber si movían la rueda del ratón.

IsaBelM muchas gracias por tu comentario también, en cuanto empiece a ampliar la compatibilidad con otros navegadores me vendrá de perlas.

Gracias de nuevo

Alexis88 · #5 (**permalink**) 19/08/2014, 09:34

Cita:

Iniciado por AitorDB

el código de Alexis iba bien solo que me marcaba al llegar arriba en vez de abajo

Es extraño, porque la operación es correcta y funciona como se espera (probar con la consola activa). Lo del plugin me parece interesante por el tema de que te permite saber si te desplazas hacia arriba o abajo, aunque eso también podría hacerse con algunas sumas y restas, pero al menos te ahorras el trabajo de hacerlas.

Saludos

AitorDB · #6 (**permalink**) 19/08/2014, 10:48

Por eso he supuesto que será por los porcentajes, la verdad es que ni idea, porque como tu lo has pasado funciona a la perfección.

Saludos!