JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>1-й элемент</p>
    <p>2-й элемент</p>
    <p>3-й элемент</p>
    <p>4-й элемент</p>
    <p>5-й элемент</p>
    <p>6-й элемент</p>
    <p>7-й элемент</p>
    <p>8-й элемент</p>
    <p>9-й элемент</p>
    <p>10-й элемент</p>
    <p>11-й элемент</p>
    <p>12-й элемент</p>
    <p>13-й элемент</p>
    <p>14-й элемент</p>
    <p>15-й элемент</p>
    <p>16-й элемент</p>
    <p>17-й элемент</p>
    <p>18-й элемент</p>
    <p>19-й элемент</p>
    <p>20-й элемент</p>
    <p>21-й элемент</p>
</div>

JavaScript

window.onscroll = function () 
{
    var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
    var documentHeight = document.documentElement.scrollHeight ? document.documentElement.scrollHeight : document.body.scrollHeight;
    var scrollTop = window.pageYOffset ? window.pageYOffset : (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);

    if((documentHeight - clientHeight) <= scrollTop)
    {
        $('div').append($('div p').first()); 
        window.scrollTo(0, (documentHeight - clientHeight)-1);
    }
}