Может ли кто-то канонически различать scrollTop и scrollHeight?

Например,

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 - возвращает 0 для scrollTop (даже после прокрутки)?

Ответы

Ответ 1

Если я прокручиваю вниз 5px в этом окне, значение окна scrollTop равно 5. Если я прокручу правую 10px в прокручиваемом div, значение div scrollLeft будет равно 10.

Когда я перейду в верхний левый угол этого окна, оба его значения scrollTop и scrollLeft равны 0.

Ответ 2

См. статьи MDC, scrollTop и scrollHeight. Таким образом, scrollTop - это объем прокрутки в данный момент, а scrollHeight - общая высота, включая контент, прокрученный вне поля зрения.

Ответ 4

В Safari 6.0.1 scrollHeight задает высоту элемента управления, а не общую высоту, включая контент, прокрученный вне поля зрения. Поэтому его нельзя использовать для определения общей высоты, необходимой для показа без полосы прокрутки.