JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

<p id="win">Window <span>0</span></p>
<p id="bod">Body <span>0</span></p>
<p id="htm">HTML <span>0</span></p>

CSS

div { height: 9999px; }

p {
    position: fixed;
    left: 10px;
}

#win { top: 10px; }
#bod { top: 35px; }
#htm { top: 60px; }

JavaScript

window.addEventListener('scroll', function() {
    document.getElementById('win').children[0].innerHTML = window.pageYOffset;
    document.getElementById('bod').children[0].innerHTML = document.body.scrollTop;
    document.getElementById('htm').children[0].innerHTML = document.documentElement.scrollTop;
}, false);