Показ по 6 блоков при прокрутки страницы

[XaPu3Ma]

Всем привет, может кто-то помочь с данной задачей?

Есть 72 блока по типу:

<li>
<a class="product-link" href="">
<div class="cover"></div>
<div class="thumbnail">
<img style="width: 269px; height: 336px;" src="./360186.jpg" alt="Ололо" />
<div class="product-card-info">
<h3 class="product-name">Ололо <i class="icon icon-external-link"></i></h3>
<p class="product-price discount ">
USD&nbsp;20.00
<s>USD&nbsp;<span class="currency-code">25.00</span></s>
</p>
</div>
</div>
</a>
</li>

Задача: в строке 3 блока, показывать по 6шт при прокрутки ниже ещё 12 подгружать и т.д

Заранее спасибо!

[ruslan_mart]

XaPu3Ma, это не очень правильный подход. Блоки лучше не хранить в скрытом виде, а подгружать аяксом. Вот наводка:

var h = document.documentElement;

window.onscroll = function() {
	var scrollTop = this.pageYOffset || h.scrollTop;
	if(scrollTop >= h.scrollHeight - h.clientHeight) {
		alert('Вы достигли дна!');
	}
}

[lomov1212]

var h = document.documentElement;

window.onscroll = function() {
	var scrollTop = this.pageYOffset || h.scrollTop;
	if(scrollTop >= h.scrollHeight - h.clientHeight) {
		alert('Вы достигли дна!');
	}
}

согласен. хотя можно и по другому немного сделать...щас напишу..

[XaPu3Ma]

Можно по подробнее? У меня не CMS а 1 стр html*