JSFiddle - React, Tailwind, and code Playground

by zxy_bupt

HTML

<div id="container">

    Stuff
    
    <div id="scroll">
        <div class="item">item1</div>
        <div class="item">item2</div>
        <div class="item">item3</div>
        <div class="item">item4</div>
    </div>
    
</div>

CSS

#container {
    width: 100%;
    background-color: red;
    position: fixed;
    bottom: 0;
    height: 100px;
}

#scroll {
    width: 100%;
    height: 100%;
    background-color: yellow;
    overflow: scroll;
}

.item {
    border: 1px solid #fff; 
    padding: 10px;
}