javascript - 使用 scrollTop 检测滚动

Question

我想记录用户滚动包装器的次数。

以下代码无效。我想知道我做错了什么以及如何解决它。谢谢!

const content = document.getElementById('content')
const wrapper = document.getElementById('wrapper').addEventListener('scroll', () => {
  console.log(content.scrollTop)
})

#wrapper {
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 250px;
  overflow: auto;
}

#content {
  position: absolute;
  top: 0;
  left: 0;
  background-color: orange;
  width: 50px;
  height: 500px;
}

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

Answer 1

不是content.scrollTop，而是wrapper.scrollTop。