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], 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;
    
        //recovering window
        var window = document.querySelector('div.isgrP');
        console.log(window);

        while(current != last){
            last = dissect(seguidores.lastChild);
            window.scroll(0, 1000);
            current = dissect(seguidores.lastChild);
    
        }
    }
    
    loadWindow();