JSFiddle - React, Tailwind, and code Playground

by Tim Büthe

HTML

<div id="first">
  söfljksödlfk
fsdljljksödlfk
fsd
fsdljksödlfk<br>
fsd<br>
fsdljksödlfk fsd fsdljksödlfk fsd fsdljksödlfk<br>
fsd<br>
fsdljksödlfk  fsd fsdsödlfk fsd fsdljksödlfk<br>
fsd<br>
fsd<br>
fsdfsdf
</div>
<br><br><br>
<div id="second">
  söfljksödlfk
fsdljljksödlfk sd    dljksödlfk fsd fsdljksödlfk fsd
fsdljksödlfk<br>
fsd
fsdljksödlfk<br><br>
fsd<br>
fsdljksödlfk<br>
fsd
fsdsödlfk<br>
fsd
fsdljksödlfk
fsd
fsd
fsdfsdf
</div>
<br><br><br>
<span id="info"/>

CSS

div {
 border: 1px solid black;   
}

#first {
 height: 100px; 
 overflow: scroll;    
}

#second {
 height: 100px;   
 overflow: hidden;
}

JavaScript

$('div').each(function(){

    $('#info').html($('#info').html() + " " + $(this).attr('id') + ': ' + $(this).offset().left);
    
});