Как достичь синхронного выполнения цикла?

Question

[Jeffwingchun]

Необходимо: чередование выполнения функции с прокруткой страницы.
Сейчас: функция выполняется только в начале, после чего происходит полная прокрутка страницы.

Данные подгружаются динамически после каждого прокручивания страницы вниз.

Что необходимо подкрутить?

while(true) {
    let center_block = document.querySelector(...)
    func()
    center_block.scrollBy(0, 100)
    
    if(center_block.scrollHeight <= center_block.scrollTop + center_block.clientHeight) {
	    break
	}
 }

Answer 1

[sanders rocket]

типо так?

async function scrollAndExecute() {
    while (true) {
        let center_block = document.querySelector(...);
        func();

        center_block.scrollBy(0, 100);


        await new Promise(resolve => setTimeout(resolve, 100));

        if (center_block.scrollHeight <= center_block.scrollTop + center_block.clientHeight) {
            break;
        }
    }
}

Comments

[Дмитрий Беляев]

учитывая что тут участвует отрисовка, то лучше использовать requestAnimationFrame вместо setTimeout
вот только что-то мне подсказывает что автор вопроса занимается забиванием гвоздей микроскопом и пытается сделать scrollTo таким кривым и неоптимальным способом

[Jeffwingchun]

sanders rocket Благодарю за ответ, но не помогло. Мне нужно добиться следующей схемы: выполнить функцию > немного прокрутить вниз > снова выполнить функции > еще немного прокрутить вниз и т.д.

[Jeffwingchun]

Забыл написать, что данные подгружаются динамически после каждого прокручивания страницы вниз