Scroll infinito com Jquery [PROBLEMA]

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!

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