JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topHeadVal">test<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/>



</div>

CSS

#topHeadVal{
    position:absolute;
}

JavaScript

$( "#topHeadVal" ).css('top','27px');
$body = $(document.body);

$(window).scroll(function () { 
    
$( "#topHeadVal" ).css('top', $body.scrollTop());    
});