JSFiddle - React, Tailwind, and code Playground

HTML

<div class="w">
    <div class="d" draggable="true"></div>
    <p class="i"></p>
</div>

CSS

.w {
    width:150px;
    height:200px;
    overflow:auto;
    position:relative;
    background-color:#ccc;
}
.i {
    height:800px;
}
.d {
    width:50px;
    height:50px;
    position:absolute;
    background-color:#ebacca;
}

JavaScript

$(function(){
    $(".d").bind("dragstart", function(e){
        $(".i").html(e.originalEvent.pageX + "px");
    });
})