获取div中的滚动位置

Question

这一定是我想念的小事，我真的无法弄明白：

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

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

而我即将带来一些人类的牺牲来得到答案为什么地狱总是滚动总是零？

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);
  }