Question

我想检测滚动更改为dom元素，例如：

    <div id="box">
      ...
    </div>

想象一个方框300x200，我想知道是否有人在其中进行滚动，以及它有多少。我怎么知道？

我更喜欢使用Javascript而不是JQuery，因为我没有加载它，我认为它太少了，但我对其他观点持开放态度

Answer 1

从以下帖子复制，并根据您的身份编辑： How to capture scroll event?

<div id="box" onscroll="Onscrollfnction();">

<script>
function Onscrollfnction() {
        alert("scroll");
    };
</script>

Answer 2

这是一个包含当前滚动值的工作代码段：

document.getElementById('scroll-box').onscroll = function() {
  console.log(this.scrollTop);
};

#scroll-box {
  background-image: url(http://placekitten.com/g/300/200);
  overflow: scroll;
  width: 300px;
  height: 200px;
  border: 1px solid black;
}

#elements {
  overflow: hidden;
  height: 1000px;
}

<div id="scroll-box">
  <div id="elements"></div>
</div>

我希望它有所帮助。

Answer 3

您可以使用target.addEventListener（“scroll”，functionName）;

检测滚动到dom元素

3 个答案: