Scroll infinito com Jquery [PROBLEMA]

[vitorweb 2]

Estou tentando criar uma páginação com scroll infinito com jquery para fazer um determinado evento, quando a barra de rolagem da página chega ao fim.... Mas o evento ocorre quando a barra fica no inicio e nao no final, segue o script...

 

var win = $(window);

win.scroll(function () {
	if ($(document).height() - win.height() == win.scrollTop()) {

    }
});

Grato pela ajuda...

[Charles Julião 0]

function getDocumentHeight() {
	const body = document.body;
	const html = document.documentElement;
	
	return Math.max(
		body.scrollHeight, body.offsetHeight,
		html.clientHeight, html.scrollHeight, html.offsetHeight
	);
};

function getScrollTop() {
	return (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
}

// Este valor de medida (300) é a distância antes do final da página que o evento vai carregar
var medida = window.innerHeight + 300;

window.onscroll = function() {
	if (getScrollTop() < getDocumentHeight() - medida) return;

   $.ajax({
   		method: "post",
      url:'http://localhost/seusite/page2.php',
      complete: function (response) {
        $('#article-list').append(response.responseText);
      },
      error: function () {
        alert('Ajax error');
      }
  });
	
};

Se você preferir, e quiser que carregue exatamente no final, basta substituir a variável "medida" por "window.innerHeight" na seguinte linha:

  if (getScrollTop() < getDocumentHeight() - medida) return;

 

Ficando assim:

  if (getScrollTop() < getDocumentHeight() - window.innerHeight) return;

 

 

Espero ter ajudado!

[Charles Julião 0]

Esse código acima carrega o conteúdo da página "page2.php" dentro da div#article-list que você vai colocar onde quer que carregue seu conteúdo