$(ventana).scrollTop () vs.document (document).scrollTop()


¿Cuál es la diferencia entre:

$(window).scrollTop()

Y

$(document).scrollTop()

Gracias.

Author: Hussein, 2011-03-20

4 answers

Ambos van a tener el mismo efecto.

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

Editar: 2017 Solo use window.scrollTo(0,0)

 130
Author: Bodman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-03-01 17:54:33

Primero, debe comprender la diferencia entre ventana y documento. El objeto window es un objeto del lado del cliente de nivel superior. No hay nada por encima del 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 document es un objeto del objeto window. Para cambiar el color de fondo del documento, debe establecer la propiedad bgcolor del documento.

window.document.bgcolor = "red" 

A responda a su pregunta, No hay diferencia en el resultado final entre window y document scrollTop. Ambos darán la misma salida.

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

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

 31
Author: Hussein,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2011-03-21 02:24:38

Cross browser forma de hacer esto es

var top = ($(window).scrollTop() || $("body").scrollTop());
 3
Author: amachree tamunoemi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-20 12:54:04

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

Al final tengo alrededor de este en Firefox y IE utilizando el selector $('*').scrollTop(0);

No es perfecto si tiene elementos que no desea realizar, pero evita la disparidad de Documentos, Cuerpo, HTML y Ventanas. Si ayuda...

 -2
Author: Tapiochre,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-02-14 14:42:00