Galera, tem uma lista (em uma pagina web) que quando faço scroll ela carrega novos elementos, Suponha que seja a lista [joão, paulo, pedro] que está dentro de uma janela, ao dar scroll como dito anteriormente ela vai carregar hipoteticamente os elementos [joão, paulo, pedro, fernando, maria]. Estou criando um código que vai carregar todos os elementos para joga-los dentro de uma lista. A dinâmica é: ao rolar a janela, a pagina faz um request dos novos elementos da lista ao servidor. O problema é: acredito que a variável current está recebendo o valor antes dos elementos serem carregados na DOM, logo, o atual é sempre igual ao anterior. Esse loop iria fazer scroll até que todos os elementos da lista tenham sido carregados em tela.
Pensei em setar um setTimeOut depois que o scroll é feito, mas isso iria deixar o script muito lento.
function dissect(node){
//essa função só serve para navegar em um elemento da DOM
node = node.firstChild;
node = node.childNodes;
node = node[0];
node = node.firstChild;
node = node.lastChild;
return(node.getAttribute('href'));
}
function loadWindow(){
//recovering last child
var seguidores = document.querySelector('div.PZuss');
var last = dissect(seguidores.lastChild);
var current = undefined;
console.log(last);
//recovering window
var window = document.querySelector('div.isgrP');
console.log(window);
while(current != last){
last = dissect(seguidores.lastChild);
console.log('ultimo: '+last);
window.scroll(0, 1000);
setTimeoutOut();
current = dissect(seguidores.lastChild);
}
}
loadWindow();