Javascript 使用scrollTop检测滚动

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

以下代码不起作用。 我想知道我做错了什么，以及如何修复它。谢谢

const content=document.getElementById（'content'））
const wrapper=document.getElementById（'wrapper'）。addEventListener（'scroll'，（）=>{
console.log（content.scrollTop）
})

#包装器{
背景色：红色；
位置：绝对位置；
排名：0；
左：0；
宽度：250px；
高度：250px；
溢出：自动；
}
#内容{
位置：绝对位置；
排名：0；
左：0；
背景颜色：橙色；
宽度：50px；
高度：500px；
}

它不是

content.scrollTop

，而是

wrapper.scrollTop

获取匹配元素集中第一个元素的滚动条的当前垂直位置，或为每个匹配元素设置滚动条的垂直位置

scrollTop（）

：垂直滚动位置与可滚动区域上方视图中隐藏的像素数相同。如果滚动条位于最顶端，或者该元素不可滚动，则该数字将为0

$（'#包装器'）。滚动（函数（）{
log（$（this.scrollTop（））；
});
#包装器{
背景色：红色；
位置：绝对位置；
排名：0；
左：0；
宽度：250px；
高度：250px；
溢出：自动；
}
#内容{
位置：绝对位置；
排名：0；
左：0；
背景颜色：橙色；
宽度：50px；
高度：500px；
}

Wrapper是带有滚动条的，而不是内容，因此它总是为零。好的，谢谢，滚动了多少个包装条？