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