JSFiddle - React, Tailwind, and code Playground

by Bacher

HTML

<div class="c1"></div>

CSS

.c1 {
    height: 1000px;
    background: #000;
}

JavaScript

$('BODY').on('click', '.c1', function(e) {
    
    console.log(e, e.clientX, e.clientY);
    
    console.log('B',$('BODY').scrollTop());
    console.log('B',$('BODY').outerHeight());
    
    console.log('D',$(document).scrollTop());
    console.log('D',$(document).outerHeight());
    
});