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>"