JSFiddle - React, Tailwind, and code Playground

by salitrapraveen

HTML

<div id="container">
    Example container - moves normally with scrolling
    <div id="menu">Example menu - inside the container in the DOM, but fixed to the viewport by css.</div>
</div>

CSS

#container {
    width: 400px; 
    margin: 80px 0 100000px 30px;
    background-color: #ff9999;
    padding: 15px;
}

#menu {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%;
    background-color: #99ff99;
    padding: 15px;
}