JSFiddle - React, Tailwind, and code Playground
HTML
<div class="content" id="content1">This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content This is a div with overflowing content</div><br />
<div class="content" id="content2">This is a div with non-overflowing content</div>
CSS
.content{overflow:hidden; width:100px;height:134px;background:#eee;}
JavaScript
document.getElementById("content1").scrollTop = 100000;
document.getElementById("content2").scrollTop = 100000;
document.body.innerHTML += "<br /><span>" + (document.getElementById("content1").scrollTop === 0) + "</span>"
document.body.innerHTML += "<br /><span>" + (document.getElementById("content2").scrollTop === 0) + "</span>"