获取一个div

Question

这一定是一些小事，我错过了滚动位置，我真的无法弄清楚：

我凝视着这里相当长的一段时间：scrollTop

我玩这里有相当长的时间：jsFiddle

而我即将带来一些人类的牺牲来得到答案为什么地狱scrollTop始终为零？

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而不是

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