to reproduce:
html```
<html>
<h1 id="result">scrollTop:</h1>
<div id="test" style="width: 500px; height: 400px; overflow: auto; scrollbar-width: none; background: #dd8;">
<div style="width: 500px; height: 1000px"></div>
</div>
<script>
const test = document.getElementById("test");
const result = document.getElementById("result");
test.addEventListener("scroll", (e) => {
result.textContent = "scrollTop: " + e.target.scrollTop;
});
</script>
</html>
```