javascript - $(window).scrollTop() vs. $(document).scrollTop()

¿Cuál es la diferencia entre:

$(window).scrollTop()

y

$(document).scrollTop()

Gracias.

Respuesta #1

Ambos van a tener el mismo efecto.

Sin embargo, como se señala en los comentarios: $ (window).scrollTop() es compatible con más navegadores web que $ ('html').scrollTop().

Respuesta #2

Primero, necesitas entender la diferencia entre window y document. El objeto window es un objeto de nivel superior del lado del cliente. No hay nada por encima del objeto window. JavaScript es un lenguaje orientado a objetos. Comienzas con un objeto y aplicas métodos a sus propiedades o a las propiedades de sus grupos de objetos. Por ejemplo, el objeto document es un objeto del objeto window. Para cambiar el color de fondo del document, establecerías la propiedad bgcolor del document.

window.document.bgcolor = "red" 

Para responder a tu pregunta, no hay diferencia en el resultado final entre window y document scrollTop. Ambos producirán el mismo resultado.

Consulta un ejemplo funcionando en http://jsfiddle.net/7VRvj/6/

En general, usa document principalmente para registrar eventos y usa window para hacer cosas como scroll, scrollTop y resize.