JSFiddle - React, Tailwind, and code Playground

by collabcoders

HTML

<div class="box">
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content... <br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...<br>
     All your text content...
</div>
<span>Scrolling happening</span>

CSS

div.box{
  width: 200px;
  height: 200px;
  overflow: scroll;
}

JavaScript

$("span").hide();
$(".box").scroll(function() {
    $("span").css( "display", "inline" ).fadeOut( "slow" );
});