JSFiddle - React, Tailwind, and code Playground

by cfree

HTML

<div id="container">
    <div id="fixed">
        <input type="text" width="30"/>
    </div>
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>
    <div id="four"></div>
    <div id="five"></div>
    <div id="six"></div>
    <div id="seven"></div>
</div>

CSS

#container {
    position: relative;
}

#fixed {
    position: fixed;
    left: 0;
    right: 0;
    height: 30px;
    background: silver;
}

#one,
#two,
#three,
#four,
#five,
#six,
#seven {
    background: tomato;
    margin-bottom: 20px;
    width: 100%;
    height: 1000px;
}