如何在打开的模式窗口中阅读滚动条？

Question

1. 我有一个全屏的可滚动模式窗口。
2. 如何读取滚动像素（以添加一些交互式内容）？

元素上的

scrollY无效。

Answer 1

您可以使用元素的scrollTop（元素内容垂直滚动的像素数）

.modal{
  position: absolute;
  width: 50%;
  left: 25%;
  top: 15%;
  height: 80%;
  border: 2px solid black;
  overflow-y: auto;
}

<span id="result"></span>
<div class="modal" id="modal">
Header
<span style="position: relative; top: 500px;">Footer</span>
</div>
<script>
document.getElementById("modal").onscroll = function (e) {
    document.getElementById('result').textContent = "Number of pixels scrolled vertically: "+document.getElementById("modal").scrollTop; 
};
</script>