有人可以在规范上区分scrollTop和scrollHeight吗？

Question

例如，

function fnCheckScroll(){   
    var iNewHeight = oDiv.scrollHeight;
    var iscrolTop = oDiv.scrollTop; 
    alert("The value of the scrollHeight property is: "  + iNewHeight + "px"); 
    alert("The value of the scrollTop property is: " + iscrolTop + "px");        
}

<div id="oDiv" style="overflow: scroll; height= 100px; width= 250px; text-align: left">
Hello<br>
</div>

在IE 8中，scrollTop的值始终为：0 - 为scrollTop返回0（即使滚动后）？

Answer 1

请参阅以下图片：

参考：scrollTop，scrollHeight，clientHeight

Answer 2

请参阅MDC文章，scrollTop和scrollHeight。总之，scrollTop是当前滚动的数量，scrollHeight是总高度，包括滚动出视图的内容。

Answer 3

如果我在此窗口中向下滚动5px，则窗口的scrollTop值为5.如果我在可滚动的div中向右滚动10px，则div的scrollLeft值为10.

当我滚动到此窗口的左上角时，其scrollTop和scrollLeft值都为0.

Answer 4

在Safari 6.0.1中，scrollHeight给出控件的高度，而不是包括滚出视图的内容的总高度。所以它不能用于找到没有滚动条显示所需的总高度。