JSFiddle - React, Tailwind, and code Playground

by Harm Zeinstra

HTML

<body style="height: 5000px">
 <div id="snaptarget" style="position: relative; top: 200px; width: 100%; height: 200px; background-color: green"></div>
</body>

CSS

body {
        scroll-snap-type: proximity;
        scroll-snap-destination: 0 0;
    }
    #snaptarget {
        scroll-snap-coordinate: 0 -8px;
    }