JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<p id="winData">Window <span>0</span></p>
<p id="bodData">Body <span>0</span></p>
<p id="htmData">HTML <span>0</span></p>
<p id="docData">Document <span>0</span></p>

CSS

div {
    height: 5000px;
}

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

#winData { top: 10px; }
#bodData { top: 35px; }
#htmData { top: 60px; }
#docData { top: 85px; }

JavaScript

$(window).scroll( function() {
    $('#winData span').text($(window).scrollTop());
});

$(window).scroll( function() {
    $('#bodData span').text($('body').scrollTop());
});

$(window).scroll( function() {
    $('#htmData span').text($('html').scrollTop());
});

$(window).scroll( function() {
    $('#docData span').text($(document).scrollTop());
});