Tenho uma lista com 200 linhas, e cada linha tem o seu id.
Gostaria de capturar com o javascript, o id de cada linha ao descer a página.
A lista está montada deste jeito:
<ol id="noticias">
<li id="geral" class="area">
Conteudo
</li>
<li id="esportes" class="area">
Conteudo
</li>
<li id="mundial" class="area">
Conteudo
</li>
<li id="tecnologia" class="area">
Conteudo
</li>
</ol>
Tentando explicar de outra forma.
Eu montei uma array, na qual, cada entrada representa uma linha da minha lista. Em cada entrada existem dois campos, um com a altura da linha e outro com o id da linha.
Está assim:
var listas = [ [45,'noticias'], [50,'tecnologia'], [100, 'mundo'] ];
A cada scroll que desse na página, o programa captura a altura do body, e com o valor da altura do body, ele analisa em qual campo estou no array
Solução:
Eu consegui utilizando esta função:
$(window).on("scroll resize", function() {
var altura_body = $(window).scrollTop();
for (var i = 0; i <= numero_de_linhas; i++) {
if (altura_body >= listas[i][0] && altura_body <= listas[i + 1][0]) {
$(".mostra_id").html(listas[i][1]);
}
}
});