JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroller">
</div>

CSS

body, html {
  height: 100%;
}

#scroller {
  height: 4000px;
  background: yellow;
}

span {
  font: 20px verdana;
}

JavaScript

$('#scroller').click(function(e) {
  var st= $(window).scrollTop();
  var s= '<span style="position:absolute;left:'+e.clientX+'px;top:'+(e.clientY+st)+'px;">test</span>';
  $('#scroller').append(s);
});

$(window).scroll(function() {
  var st= $(window).scrollTop();
  var wh= $(window).height();
  var sh= $('#scroller').height();
  
  if(sh < st+wh*2) {
    $('#scroller').css({
      height: st+wh*2
    });
  };
});