JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="parent"> 
    <div id="fixed">Fixed</div>
    <div id="child">
Nunc at felis vitae nunc hendrerit congue. Aenean accumsan velit id sapien imperdiet sagittis sed ac lectus. Sed tincidunt, justo nec pretium fringilla, eros arcu eleifend tortor, id ultricies diam odio vitae mi. Quisque gravida ante ac eros mollis convallis. Morbi non ligula nibh, egestas sollicitudin mi. Morbi sodales lobortis malesuada. Donec eros mi, varius quis suscipit sed, rutrum sed sem.
Nunc at felis vitae nunc hendrerit congue. Aenean accumsan velit id sapien imperdiet sagittis sed ac lectus. Sed tincidunt, justo nec pretium fringilla, eros arcu eleifend tortor, id ultricies diam odio vitae mi. Quisque gravida ante ac eros mollis convallis. Morbi non ligula nibh, egestas sollicitudin mi. Morbi sodales lobortis malesuada. Donec eros mi, varius quis suscipit sed, rutrum sed sem.
    </div>
</div>

CSS

body { margin: 30px; }

#parent {
    float: left;
    position: relative;
    border: 1px solid #333;
    margin: 10px;
}

#child {
    overflow-x: hidden;
    overflow-Y: auto;
    height: 100px;
    width: 200px;
}

#fixed { 
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 1;
    
    background: #000;
    color: #fff;
    float: left;
    padding: 10px;
}