JSFiddle - React, Tailwind, and code Playground

HTML

<div id="lipsum">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis auctor pulvinar. Quisque sit amet nibh justo. Curabitur sed urna sit amet nulla dictum mattis at non felis. Quisque lobortis augue nunc, sit amet pulvinar tellus sagittis vitae. Curabitur
    sed ante tortor. Morbi vulputate tempor risus commodo congue. Aliquam ultricies iaculis venenatis. In luctus libero vitae mi mattis, a pulvinar enim ultrices. Donec blandit nunc sed lacus consectetur bibendum. Pellentesque habitant morbi tristique
    senectus et netus et malesuada fames ac turpis egestas. Integer vitae semper mauris. Vestibulum dictum sem mauris, quis eleifend est dictum eget.
  </p>
  <p>
    Cras ultricies suscipit accumsan. Pellentesque quam turpis, sollicitudin et ipsum non, hendrerit euismod orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam imperdiet sagittis ligula at tincidunt. Aenean at faucibus purus, sed vestibulum
    lectus. Suspendisse at leo a nulla egestas dictum non ut turpis. Nunc tincidunt nec magna gravida finibus. Duis finibus est in enim mollis pellentesque. Integer vulputate massa eu molestie laoreet. Maecenas viverra sollicitudin est, in tincidunt lectus
    mollis sed. Cras sit amet metus mi. Proin quam lectus, pharetra non tempor ut, scelerisque elementum mauris. Etiam imperdiet quis tellus facilisis efficitur.
  </p>
  <p>
    Sed condimentum non est in iaculis. Nullam euismod lorem dui, et laoreet metus consectetur rutrum. Vivamus sed mi luctus, sodales ex eu, maximus tortor. Pellentesque sem libero, venenatis ac aliquam nec, gravida vel est. Etiam dignissim ligula eget sapien
    efficitur lobortis. Curabitur in ipsum a nisi tincidunt pulvinar. Morbi quis congue orci, in ornare ligula. Vestibulum tincidunt tempor fringilla. Maecenas vitae lacus fermentum, viverra ante eget, elementum sem. Aliquam erat volutpat. Maecenas ac
    sagittis quam.
  </p>
  <p>
    Duis eget auctor nibh, et placerat sem. Fusce egestas...

JavaScript

$(window).scroll(function() {
  if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
    $('#lipsum').append('<p style="background-color: red;">Sed tellus magna, pellentesque ut venenatis eu, molestie eget odio. Maecenas id finibus nisl. Aliquam et odio ante. Sed suscipit tortor mauris, a porttitor tortor accumsan eu. Etiam mauris magna, sodales sit amet cursus vel, hendrerit non arcu. Nunc non vestibulum arcu, eu fringilla orci. Integer egestas risus ultrices ipsum finibus pellentesque. Morbi lacinia felis dui. In eget lectus at elit commodo bibendum non sed ligula. Pellentesque dignissim, ante eget condimentum tincidunt, lacus urna consequat dui, a egestas lorem ligula ac odio. Duis arcu risus, bibendum sed condimentum et, efficitur vitae nulla. Nullam convallis quis sem id iaculis.</p>');
  }
});