jquery - Scroll infinito com conteúdo na mesma página

[EdsonDias 0]

Estou com o seguinte problema e não consigo implementar uma solução.

 

Tenho uma listagem de produtos com o seguinte código:

 

<div class="produtoCaixa">

<a href="linkdoproduto"><img src="produto.jpg" width="150" height="200" border="0"></a><br>

<span class="produtoNome">Nome do Produto</span><br>

<span class='produtoPreco'>R$ 10,00</span></span>

</div>

A página contem inúmeras divs como esta acima.

Gostaria de implementar um scroll infinito, ao invés de paginar.

Quero que o script vá mostrando os divs a medida em que rolar a página.

Já achei diversos exemplos, plugins e outros códigos prontos. Porém, sempre o conteúdo seguinte vem de uma outra página externa.

Não atende, pois no meu caso todos os divs já estão na página.

Pensei em deixar os primeiros visíveis e os demais ocultos, e na medida em que rolar a página, eles seriam exibidos.

Mas como identificar quantos cabem na página, para determinar os que serão visiveis e quantos carregar de cada vez.

Terei casos de mostrar 10 itens, em outros casos, a lista terá mais de 100 itens.

Agradeço se alguém puder sugerir uma solução.

[angelorubin 142]

Paginação normal (no estilo proximo-paginas-anterior) não serve?