JSFiddle - React, Tailwind, and code Playground

by David Storey

HTML

<header>
    <h1>Sticky fingers</h1>
</header>
<div>
    fd
    fd
    ff
    dfd
    f
    dfd
    fd
    fd
    fd
    fd
    fd
    f
    dfd
    fd
    fd
    fd
    fd
    f
    df
    df
    d
    fdf
    dfd
</div>

CSS

header {
    background-color: green;
    -webkit-position: sticky;
    position: sticky;
}
div {
    white-space: pre;
}