JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div id="the-sticky-div">zareef</div>
    </body>
</html>

CSS

#the-sticky-div {
    position: relative;
    
    width: 100px;
    height: 100px;
    background-color: black;
}

body {
    width: 2000px;
    height: 2000px;
}

JavaScript

$(function() {
    $(window).bind('scroll resize', function() {
        $('#the-sticky-div').css('top', $(this).scrollTop());
    });
});