关于js中scrollTop的理解？

Question

mdn:这个Element.scrollTop 属性可以设置或者获取一个元素距离他容器顶部的像素距离.

mdn是这样解释。“距离他容器顶部”指的是相对他的父容器吗？
下边的代码给#d1 设置scrollTop，为什么是其中的#d2移动呢？
而且#d2的位置是向上移动，又不是设置负值，为什么会向上移动呢？
我一直使用的都是jquery scrollTop（），以为这两个方法都是一回事。

<div id="d1">
    <div id="d2">      111111111111
      222222222222
      333333333333
      444444444444
      555555555555
    </div>
</div>
*{padding:0;margin:0;}#d1{margin:50px;width:50px;height:50px;background:yellow;overflow:hidden;}#d2{width:50px;height:100px;background:red;}window.onload = function(){
  document.getElementById("d1").scrollTop = 50px;
}

Answer 1

值得一提的有两点:这是一个像素值, 所以只能接受数字值. 像楼主这样的带px单位的写法是一个典型的错误不能无限滚动, 若滚动超出其最大值(内容高度 - 包含框高度), 则自动设置为最大高度.接受负值, 但是负值相当于0.