JSFiddle - React, Tailwind, and code Playground

CSS

#scroll {width: 200px; height: 200px; border: 1px solid #000; overflow: auto;}

JavaScript

// Capture all scroll events
document.addEventListener('scroll', function(e) {
    console.log('scrolled: ' + e.target.tagName);
    console.log('current pos: ' + e.target.scrollTop);
}, true);

// Dynamically add a scrollable div
var scroll = document.createElement('div');
scroll.innerHTML = 'content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content<br />content';
scroll.id = 'scroll';

setTimeout(function() {
    document.body.appendChild(scroll);
}, 1000);