подгрузка данных скроллингом
Накидал код, делающий подгрузку данных при событии скроллинга. Проблема в том, что загрузка идет по 1-му блоку. Скажите пожалуйста, как сделать загрузку по 10 блоков? Думаю, что дело в first(). Но не знаю, на что его заменить. Спасибо.
$('.blog_content:lt(10)').css("display", "flex");
$(window).scroll(function (event) {
var top = $(window).scrollTop();
if(top >= $("html").height()){
$('.blog_content:hidden').first().css("display", "flex");
} else {}
});