Определить элемент при scroll
 

Здравствуйте, есть большая wiki страница:

<div id="1" style="height:100%"></div>
<div id="2" style="height:100%"></div>
<div id="3" style="height:100%"></div>
<div id="4" style="height:100%"></div>
<div id="5" style="height:100%"></div>

Как можно получить доступ к текущему элементу прокручивая содержимое страницы?
Например сейчас я нахожусь в блоке id=2 прокрутил вниз элемент id=3

Отслеживать при скролле позицию элементов. Если размеры всех элементов постоянны, то можно по упрощенной схеме вести расчеты.

function getVisibleBlock() {
    var heights = [200, 150, 100];
    var scrollTop = window.scrollY;
    
    var y = 0;
    for (var i = 0; i < heights.length; i ++) {
        if (scrollTop < (y += heights[i])){
            break;
        }
    }
    
    return document.getElementById(i + 1);
}