如何在打開的模式窗口中閱讀滾動條？

Question

1. 我有一個全屏可滾動模式窗口。
2. 我如何閱讀滾動像素（以添加一些交互式內容）？

元素上的scrollY將不起作用。

Answer 1

您可以使用Element的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>