JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<div class="div_fixed"></div>
<div class="other_content">
    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.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum placerat, velit mattis luctus egestas, orci leo dictum purus, in vulputate diam velit non elit. Integer eget turpis felis. Nam tincidunt erat lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam non tellus orci. Nam malesuada tortor sed nulla pretium auctor. Aliquam erat volutpat. Sed ornare, felis vel pellentesque vulputate, odio velit pellentesque enim, eu pharetra dui orci nec augue. Curabitur a dui felis, non aliquet mauris.

Vestibulum odio ante, viverra non blandit sed, condimentum id dui. Cras ullamcorper dapibus feugiat. Aliquam...

CSS

.div_fixed{
    height:100px;
    width:100%;    
    position:fixed;
    top:0;
    left:0;
    background:#ff0;
    z-index:500;
}
.other_content {
    z-index:-500;
    width:60%;    
    background:#0ff;
    margin-top:100px;
    z-index:600;
    position:relative;
}