JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "text">
    <h1>BIGTEXT</h1> Lorem Ipsum is simply dummy text of the printing and typesetting 
industry. Lorem Ipsum    has been the industry's standard dummy text ever  
since the 1500s, when an unknown printer took a galley of type and scrambled it 
to make a type specimen book. It has survived not only five centuries, but also 
the leap into electronic typesetting, remaining essentially unchanged.
It was popularised in the 1960s with the release of Letraset sheets 
containing Lorem Ipsum passages, and more recently with desktop publishing software 
like Aldus PageMaker 
including versions of Lorem Ipsum.
</div>

CSS

#text {
    overflow: scroll;
    width: 200px;
    height:200px;
}
h1 {
 font-size: 64px;   
}

JavaScript

var txt = $("#text");
var words = $(txt).html().split(' ');
var newcont = [];
$.each(words, function(a, content) {
   newcont.push("<span>" + content + " </span>");
});
txt.html(newcont.join(''));
txt.scroll(function() {
    var sel = window.getSelection();
    sel.removeAllRanges();
    var rng = document.createRange();
    var frst = 1, frstspn, last;
    $("#text span").each(function() {
        var tp = $(this).offset().top;
        if(tp >= 0 && tp < 200) {
            if(frst) {
             frstspn = this; 
                frst = 0;                
            }
            last = this;
        }
    });
    rng.setStartBefore(frstspn);
    rng.setEndAfter(last);
    sel.addRange(rng);
});
txt.scroll();