He logrado el objetivo gracias a una publicación en inglés de github el script es el siguiente:
$(window).on("scroll", function() {
var scrollHeight = $(document).height();
var scrollPosition = $(window).height() + $(window).scrollTop();
if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
alert("Ha llegado al final de la página");
}
});
Es un poco más compleja (más lineas de código y más operaciones) pero en mi extraño caso funcionó cómo necesitaba, es una alternativa para la misma función
Link del Gist en Github: https://gist.github.com/toshimaru/6102647
Actualización:
Encontrar el final del scroll de un div
Últimamente me surgió la necesidad de algo similar pero en lugar de toda la página necesité encontrar el final del scroll de un sólo div.
El código es JavaScript puro
function esElFinal() {
let element = document.getElementById("scroll");
if (element.offsetHeight + element.scrollTop >= element.scrollHeight) {
alert("Llegamos al final del bloque");
}
}
.container {
max-height: 100px;
overflow-y: auto
}
.content {
height: 100px
}
.red {
background: red
}
.blue {
background: blue
}
.green {
background: green
}
<div onscroll="esElFinal()" id="scroll" class="container">
<div class="content red"></div>
<div class="content blue"></div>
<div class="content green"></div>
</div>
script
vinculados y html dinamico, lo que puedo aportar es que modifiqué el script y ahora funciona cómo estaba esperando