Kann jemand zwischen scrollTop und scrollHeight unterscheiden?

Question

Zum Beispiel

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> 

In IE 8 ist der Wert von scrollTop immer: 0 - 0 zurück für scrollTop (auch nach dem Scrollen)?

Answer 1

Wenn ich 5px in diesem Fenster nach unten scrollen, die scrollTop Wert des Fensters ist 5. Wenn ich richtig 10px in einem scrollbaren div scrollen, die scrollLeft Wert des div ist 10.

Als ich in der linken oberen Ecke scrollen von Dieses Fenster, seine Werte scrollTop und scrollLeft sind 0.

Answer 2

Siehe die MDC-Artikel scrollTop und scrollHeight. Zusammengefasst ist scrollTop, wie viel es derzeit gescrollt wird, und scrollHeight ist die Gesamthöhe, einschließlich Inhalt, der außerhalb der Ansicht gescrollt wird.

Answer 3

In Safari 6.0.1 gibt scrollHeight die Höhe des Steuerelements und nicht die Gesamthöhe einschließlich Inhalt aus Sicht gescrollt. Es kann also nicht zum Ermitteln der Gesamthöhe verwendet werden, die zum Anzeigen ohne Bildlaufleiste erforderlich ist.

Answer 4

Bitte beachten Sie folgendes Bild:

Ref: scrollTop, scrollHeight, clientHeight