как вариант выполнять подгрузку если элемент виден
Определить видно ли элемент на экране или нет, можно проанализировав положение верхней границы и положение скроллбара окна
При изменение положения скроллбара окна возникает событие $(window).scroll()
Определить впервые показывается элемент или нет, можно при помощи какого-нибудь глобального флага
jQuery(document).ready(function($) {
$(window).scroll(function() {
var cont = $('.content');
if (!cont.hasClass('visible')) {
var wh = $(this).height();
var topOffset = cont.offset().top - $(this).scrollTop();
var visible = (topOffset <= wh) && (topOffset + cont.height() > 0);
if (visible) {
cont.addClass('visible');
console.log('Visible!!!');
}
}
});
});
.padding {
height: 300px;
}
.content {
background-color: red;
}
Content
