JSFiddle - React, Tailwind, and code Playground

HTML

<span>0 | 0</span>
<div><p></p></div>

CSS

div { height:200px; width:200px; margin:100px; background:#CCC; overflow-y:scroll;}
p { background:red; height:1000px;}

JavaScript

$('div').mousemove(function(e){
    var offset = $(this).offset();
    var x = e.pageX - offset.left + $(this).scrollLeft();
    var y = e.pageY - offset.top + $(this).scrollTop();
    
    $('span').text(x+' | '+y);
});