JSFiddle - React, Tailwind, and code Playground

by karimkhan

HTML

<div id="text">
Duis tortor nunc, scelerisque non lobortis ac, posuere id sem! Ut sit amet lacus a lorem semper pharetra ac a tellus. Cras ultrices nulla sed metus iaculis congue malesuada diam venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quam urna, sollicitudin sed fermentum ac, congue id lorem? Pellentesque rhoncus ipsum ligula. Sed id leo non tortor placerat semper? Nam feugiat orci a elit facilisis auctor consectetur diam viverra. Maecenas eleifend eros ut ligula fringilla at aliquet risus facilisis. Suspendisse nunc quam, tincidunt nec gravida a, bibendum eu sapien. Vivamus mollis sodales orci, eget molestie mauris ultrices et. Nulla ultrices enim ac ligula laoreet nec sagittis justo iaculis. Suspendisse volutpat justo nec felis tempus mattis. Proin vel dictum nisi. Proin rhoncus mauris adipiscing est semper sit amet mollis augue auctor. Sed luctus convallis neque, in condimentum augue consectetur sollicitudin.


Duis tortor nunc, scelerisque non lobortis ac, posuere id sem! Ut sit amet lacus a lorem semper pharetra ac a tellus. Cras ultrices nulla sed metus iaculis congue malesuada diam venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quam urna, sollicitudin sed fermentum ac, congue id lorem? Pellentesque rhoncus ipsum ligula. Sed id leo non tortor placerat semper? Nam feugiat orci a elit facilisis auctor consectetur diam viverra. Maecenas eleifend eros ut ligula fringilla at aliquet risus facilisis. Suspendisse nunc quam, tincidunt nec gravida a, bibendum eu sapien. Vivamus mollis sodales orci, eget molestie mauris ultrices et. Nulla ultrices enim ac ligula laoreet nec sagittis justo iaculis. Suspendisse volutpat justo nec felis tempus mattis. Proin vel dictum nisi. Proin rhoncus mauris adipiscing est semper sit amet mollis augue auctor. Sed luctus convallis neque, in condimentum augue consectetur sollicitudin.


Duis tortor nunc, scelerisque non lobortis ac, posuere id sem! Ut sit amet lacus a lorem...

CSS

body {
    overflow: hidden;
}

#text { overflow: auto; }

JavaScript

$(window).trigger('scroll');

$(window).scroll(function() {
    $("body").height($(window).height());
    $("#text").height($("#text").height());    
});