Как сделать подгрузку снизу вверх?

Question

[Xaotik]

Приветствую, нужно сделать подгрузку контента снизу вверх в диве, собственно когда скролишь снизу вверх, имеется такой код, с помощью которого подгружается контент сверху в низ, но в диве не работает, что можно сделать чтобы работало как нужно?
Сам код:

<div id="ajax_load" data-page="1" data-max="10"></div>

var block_show = false;
function scrollMore(){
var $target = $('#ajax_load');
if (block_show) {
return false;
}
var wt = $(window).scrollTop();
var wh = $(window).height();
var et = $target.offset().top;
var eh = $target.outerHeight();
var dh = $(document).height();   
if (wt + wh >= et || wh + wt == dh || eh + et < wh){
var page = $target.attr('data-page');	
page++;
block_show = true;
$.ajax({ 
url: 'test.php?page=' + page,   
dataType: 'html',
success: function(data){
$('#load_content').append(data);
block_show = false;
}
});
$target.attr('data-page', page);
if (page ==  $target.attr('data-max')) {
$target.remove();
}
}
}
$(window).scroll(function(){
scrollMore();
});
$(document).ready(function(){ 
scrollMore();
});

Answer 1

[Euxinus]

Возможно это решит ваш вопрос:
https://animate.style/

Comments

[Xaotik]

К сожалению это не то, моя проблема скорей в js