Например,
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 (даже после прокрутки)?
Если я прокручиваю вниз 5px в этом окне, значение окна scrollTop равно 5. Если я прокручу правую 10px в прокручиваемом div, значение div scrollLeft будет равно 10.
Когда я перейду в верхний левый угол этого окна, оба его значения scrollTop и scrollLeft равны 0.
См. статьи MDC, scrollTop и scrollHeight. Таким образом, scrollTop - это объем прокрутки в данный момент, а scrollHeight - общая высота, включая контент, прокрученный вне поля зрения.
Пожалуйста, просмотрите следующее изображение:
Ссылка: scrollTop, scrollHeight, clientHeight
В Safari 6.0.1 scrollHeight задает высоту элемента управления, а не общую высоту, включая контент, прокрученный вне поля зрения. Поэтому его нельзя использовать для определения общей высоты, необходимой для показа без полосы прокрутки.