<div class="owl-carousel owl-theme">
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
<div> Your Content </div>
</div>$(document).ready(function(){
// ...
related_carousel();
// ...
});window.onload = function(){
// ...
related_carousel();
// ...
}document.addEventListener('DOMContentLoaded', function() {
// ...
related_carousel();
// ...
});
Как запустить функцию после загрузки страницы?
Есть функция, которую нужно запустить сразу после загрузки страницы
2. Вешаете обработчик на прокрутку, и если область отображения приблизилась к последнему отрисованному элементу ближе чем на M, то подгружаете еще N элементов и отрисовываете их.
3. По желанию или если отображаемый список может быть очень большим можете удалять элементы, отстоящие от области просмотра на N позиций.
N и M определяете с таким расчетом, чтобы минимизировать время ожидания пользователем новой порции данных. В идеале подобрать так, чтобы докрутив до границы, следующая партия была уже подгружена и отображена. Следуеть заметить, что скорость подгрузки данных может сильно плавать в зависимости от множества не зависящих от вас параметров, так что идеально подобрать параметры не выйлет.
Параметры M и N чистая условность, в реальности вы можете сделать для каждой ситуации свой параметр, и даже сделать его вычисляемым в зависимости от текущей скорости подгрузки.