JSFiddle - React, Tailwind, and code Playground

by dusset

HTML

<p>Hello</p><p></p>
<input id="test" type="text">
<div id="box"></div>
<div id="floater"></div>

CSS

#box { height:5000px; width:50%; background:red; }
#floater { width:100px; height:100px; background: cyan; position: absolute; top:50px; border: 1px solid #000; }

JavaScript

$(window).scroll(function() {
    var p = $("p:first");
    var print = $(window).scrollTop();
    var final = print + 200;
    document.getElementById("test").value = print;
    document.getElementById("floater").style.top = final +"px";

});