JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div-top"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non turpis nulla, sed commodo felis. Nunc quis nulla elit, quis congue lacus. Cras quis augue at massa eleifend viverra. Sed in turpis at libero hendrerit mollis. Nulla vehicula orci eget magna volutpat nec vehicula enim pellentesque. Nullam et turpis urna. Praesent non neque ut libero porta convallis vel et magna. Fusce ullamcorper hendrerit arcu, non mollis metus facilisis et. Aliquam erat volutpat. Phasellus mollis eleifend risus, vel facilisis ligula aliquet et.

Donec at turpis at justo consequat pellentesque. Vivamus euismod malesuada nulla, sed tristique neque molestie eget. Donec non sem neque, et bibendum diam. Mauris eu lacus tortor. Suspendisse viverra massa lobortis ante aliquam mattis. Ut bibendum, quam sed posuere dignissim, nisl lorem eleifend est, ut sodales elit augue id leo. Aliquam dignissim dignissim dolor quis lacinia. Curabitur blandit dignissim tellus, sit amet dignissim ligula mollis in. Fusce vel aliquam turpis. Sed nec urna odio. In sagittis scelerisque erat, quis placerat justo faucibus vitae. Pellentesque vel neque lectus, vel lobortis lectus. Mauris convallis accumsan augue ut malesuada. Maecenas id nisi urna, vel laoreet felis.
    
    
    Donec at turpis at justo consequat pellentesque. Vivamus euismod malesuada nulla, sed tristique neque molestie eget. Donec non sem neque, et bibendum diam. Mauris eu lacus tortor. Suspendisse viverra massa lobortis ante aliquam mattis. Ut bibendum, quam sed posuere dignissim, nisl lorem eleifend est, ut sodales elit augue id leo. Aliquam dignissim dignissim dolor quis lacinia. Curabitur blandit dignissim tellus, sit amet dignissim ligula mollis in. Fusce vel aliquam turpis. Sed nec urna odio. In sagittis scelerisque erat, quis placerat justo faucibus vitae. Pellentesque vel neque lectus, vel lobortis lectus. Mauris convallis accumsan augue ut malesuada. Maecenas id nisi urna, vel laoreet felis.Donec at turpis...

CSS

.div-top{
    height:auto;
    min-height:100%;
    width:100%;    
    position:fixed;
    top:0;
    left:0;
    background:#ff0;
    z-index:500;
   
}


.div-bottom {
    width:100%;    
    background:#0ff;
    margin-top:100%;
    z-index:600;
    position:relative;
}