JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myDiv">
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

CSS

.myDiv{
  position:absolute;
  left:100px;
  top:10px;
  height:100px;
  width:100px;
  background-color:red;
  border:1px solid red
}

JavaScript

$(function(){
  $(window).scroll(function () {;
      let scrollTopX = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
      $(".myDiv").animate({ top:scrollTopX+10  },100);
  });
});

//JaphenChen