获取div中的滚动位置

Question

这一定是我所想不到的琐碎事情，我真的无法弄清楚：

我在这里凝视了很长时间： scrollTop

我在这里玩了很长时间： jsFiddle

而且我将带来一些人类牺牲，以得到为什么helloTop始终为零的答案？

的HTML

  <div style="height: 200px; border: 1px solid black; overflow: scroll">
    <div id="x" style="height: 100px; background: #EEE;"></div>
    <div style="height: 500px"></div>
  </div>

JS

  var x = document.getElementById("x");
  x.parentNode.onscroll = function() { console.log(x.scrollTop); }

请不要用jQuery。

Answer 1

因为您使用错误的元素来获取topScroll JSFIDDLE，所以它应该是x.parentNode.scrollTop而不是x.scrollTop

  var x = document.getElementById("x");
     x.parentNode.onscroll = function() { console.log(x.parentNode.scrollTop);
  }