javascript - 相当于 div 的 window.scrollY

Question

使用纯 JS 检测用户在 div 元素中垂直滚动多少的最佳方法是什么？这些是我的代码片段:

html

<div id="blaaaa">
<!-- DIV CONTENT -->
</div>

js

document.getElementById('blaaaa').addEventListener('scroll', this.handleScroll);

handleScroll(e) {
  // I want to use an equivalent of window.scrollY but for a single div element
  var scrolled = window.scrollY;
  // ...
},

我怎样才能做到这一点？

非常感谢您的回答。节日快乐!

Answer 1

使用scrollTop :

document.getElementById("container").addEventListener("scroll", evt => 
  console.log(evt.target.scrollTop)
)

#container {
  height: 300px;
  width: 300px;
  background: cyan;
  overflow-y: scroll;
}

#content {
  height: 1000px;
  width: 100%;
}

<div id="container">
  <div id="content"></div>
</div>