JSFiddle - React, Tailwind, and code Playground

by alokswain

HTML

<div id="content"> 

<div id="verti"> This stays put on scrolling ! </div>

<div id="hori"> This scrolls normally. </div>
</div>

CSS

#content {
        height: 1000px;
    background-color: green;
}
#verti {
    position: fixed;
    height: 20%;
 width: 100%;
    background-color: red;
}
#hori {
    height: 80%;
    width: 20%;
    background-color: blue;
}