Богдан Кучерук

1, Надо изменить права доступа к каталогу:

sudo chown -R www-data:www-data /var/www/html/upload/

2. Изменить путь загрузки файла:

<?php
 $location = '/var/www/html/upload/' . $name;

Сделать хэштеги уже с помощью PHP.

Так работает:

function ready() {
    $( ".sync-blocks" ).css( "display", "flex" );
  }
document.addEventListener("DOMContentLoaded", ready);

Заменил textContent на InnerText и помогло.

Так будет правильно:

<script>
$(document).ready(function(){
    var inProgress=false;
    var startFrom=10;
    $('#data').scroll(function (){
        if( this.scrollTop <= 100 && !inProgress ){
            $.ajax({
                url:'ajaxlogs.php',
                method:'POST',
                data:{"startFrom":startFrom},
                beforeSend:function(){inProgress=true;
                }

            }).done(function(data){
                data=jQuery.parseJSON(data);
                if(data.length>0){
                    $.each(data, function(index, data){
                        $(".my_cont").prepend('<p class="ogl">' + data.title + '</p><div class="box">' + data.text + '</div>');
                    });

                    inProgress=false;
                    startFrom +=10;
                }

            });
        }
    });
});
var block = document.getElementById("data");
block.scrollTop = 9999;
</script>

Пока сделал так:

<script>

$(document).ready(function(){

    var inProgress=false;
    var startFrom=10;

    var div = $('.my_cont'),
    div_sh = $(div)[0].scrollHeight,
    div_h = div.height();

    $(div).scroll(function(){

        if ($(this).scrollTop() >= div_sh - div_h && !inProgress ){
            $.ajax({
                url:'ajaxlogs.php',
                method:'POST',
                data:{"startFrom":startFrom},
                beforeSend:function(){inProgress=true;
                }

            }).done(function(data){
                data=jQuery.parseJSON(data);
                if(data.length>0){
                    $.each(data, function(index, data){
                        $(".my_cont").append('<p class="ogl">' + data.title + '</p><div class="box">' + data.text + '</div>');
                    });

                    inProgress=false;
                    startFrom +=10;
                }

            });
        }
    });
});
</script>

Когда полоса прокрутки первый раз доход до конца, подгружает ещё 10 записей. Но на следующую прокрутку грузит сразу все. В чем может быть проблема?