Javascript 相当于div的window.scrollY

使用纯JS检测用户在

div

元素中垂直滚动的最佳方法是什么？ 以下是我的代码片段：

html

我该怎么做

我感谢你的回答。节日快乐

使用：

document.getElementById（“容器”）.addEventListener（“滚动”，evt=>
console.log（evt.target.scrollTop）
)

#容器{
高度：300px；
宽度：300px；
背景：青色；
溢出y：滚动；
}
#内容{
高度：1000px；
宽度：100%；
}

使用：

document.getElementById（“容器”）.addEventListener（“滚动”，evt=>
console.log（evt.target.scrollTop）
)

#容器{
高度：300px；
宽度：300px；
背景：青色；
溢出y：滚动；
}
#内容{
高度：1000px；
宽度：100%；
}

---

如果问题是如何最好地检测用户使用JS在div元素中垂直滚动了多少，这对我来说也意味着拥有易于阅读的代码，那么这就是问题所在（但这是我个人的观点）。

const scrollVal=document.getElementById（'scroll-val'））
，blaaaelm=document.getElementById（'blaaaa'）
;
blaaaelm.onscroll=e=>
{
scrollVal.textContent=blaaaelm.scrollTop；
}

#blaaaa{
宽度：100px；
高度：100px；
溢出y：滚动；
背景颜色：淡黄花；
}

0

如果问题是如何最好地检测用户使用JS在div元素中垂直滚动了多少，这对我来说也意味着拥有易于阅读的代码，那么这就是问题所在（但这是我个人的观点）。

const scrollVal=document.getElementById（'scroll-val'））
，blaaaelm=document.getElementById（'blaaaa'）
;
blaaaelm.onscroll=e=>
{
scrollVal.textContent=blaaaelm.scrollTop；
}

#blaaaa{
宽度：100px；
高度：100px；
溢出y：滚动；
背景颜色：淡黄花；
}

0

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

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;
  // ...
},