JSFiddle - React, Tailwind, and code Playground

HTML

<div> ajsdpfj dfa sdf asdfasp asd  asd fsdfasdffas sss df sd fjaskdjfp askdjfp asjdf</div>

CSS

div{
 width:200px;
 height:200px;
 border:1px solid red;   
 overflow:hidden;
}

JavaScript

while ($('div').scrollTop() == 0) {
    $('div').css({'font-size': '+=1'}).scrollTop(100);
}
$('div').css({'font-size': '-=1'});