w3schools top style scrollheight body javascript jquery window document scrolltop

javascript - style - $(ventana).scrollTop() vs. $(documento).scrollTop()



set scrolltop javascript (4)

Cuál es la diferencia entre:

$(window).scrollTop()

y

$(document).scrollTop()

Gracias.


Acabo de tener algunos de los problemas similares con scrollTop descritos aquí.

Al final lo solucioné en Firefox y IE utilizando el selector $(''*'').scrollTop(0);

No es perfecto si tiene elementos que no quiere que se realicen, pero supera la disparidad Documento, Cuerpo, HTML y Ventana. Si ayuda ...


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() .

Edición: 2017 Solo use window.scrollTo(0,0)


En primer lugar, debe comprender la diferencia entre la ventana y el documento. El objeto ventana es un objeto del lado del cliente de nivel superior. No hay nada sobre el objeto ventana. Javascript es un lenguaje orientado a objetos. Comienza con un objeto y aplica métodos a sus propiedades o a las propiedades de sus grupos de objetos. Por ejemplo, el objeto del documento es un objeto del objeto ventana. Para cambiar el color de fondo del documento, debe establecer la propiedad bgcolor del documento.

window.document.bgcolor = "red"

Para responder a su pregunta, no hay diferencia en el resultado final entre la ventana y el documento scrollTop. Ambos darán el mismo resultado.

Ver ejemplo de trabajo en http://jsfiddle.net/7VRvj/6/

En general, use el documento principalmente para registrar eventos y use la ventana para hacer cosas como scroll, scrollTop y redimensionar.


La manera cruzada de hacer esto es

var top = ($(window).scrollTop() || $("body").scrollTop());